JavaScript 및 BUN을 사용한 Google Oauthentication에 대한 단계별 가이드

이 안내서는 기본 JavaScript 및 Express Server 구현을 보여줍니다. Google OAUTH2 사용자 인증. 라이브러리는 프로세스를 단순화하지만이 실습 접근 방식은 핵심 개념을 명확하게합니다. 우리는 빠른 JavaScript 런타임 인 ​​Bun을 사용할 것입니다.

Google Oauth2 설정 코딩하기 전에 Google 클라우드 프로젝트를 구성하기 전에 : 1 단계 : Google 클라우드 프로젝트 생성

---

Google 클라우드 콘솔에 액세스하십시오 새 프로젝트를 만들거나 기존 프로젝트를 사용하십시오.

2 단계 : OAUTH 동의 화면 구성 . 앱 이름, 지원 이메일 및 기타 필요한 세부 정보를 제공합니다.

보다 유익한 동의 화면을 위해 (선택 사항) 브랜딩 사용자 정의.

3 단계 : 스코프 정의

스코프 아래 , 추가 : : 사용자의 이메일에 액세스하십시오. : OpenID는 신원 확인을 위해 연결됩니다. : 기본 프로파일 데이터에 액세스하십시오 (이름, 사진).
2. 4 단계 : Oauth 클라이언트 ID 생성 (처리를 위해 몇 분 동안 허용)
   1. 자격 증명 & gt로 이동; 자격 증명을 작성하고 & gt; OAUTH 클라이언트 ID 웹 애플리케이션 를 응용 프로그램 유형으로 선택하십시오
   세트 공인 JavaScript Origins a 를 지정하십시오. 생산 배포를 위해이 URI를 업데이트해야합니다. Google은 인증 후 권한 부여 코드 및 상태를 포함하여 사용자를 리디렉션 URI로 리디렉션합니다. 단순화하기 위해 같은 페이지를 사용합니다.
5 단계 : 테스트 사용자 추가 테스트를 위해 테스트 사용자의 이메일 주소를 추가하십시오. 철저한 테스트 후 앱을 게시하십시오.
3. Google Oauth2 코드 구현 http://localhost:3000 프로젝트 구조
우리는 BUN 버전 1.2를 사용합니다
4. 이 HTML은 Google 로그인 및 OAUTH 콜백 처리를위한 간단한 인터페이스를 제공합니다. (간결성에 대해서는 코드가 생략되었지만 원래 프롬프트에 포함) http://localhost:3000 (서버 측 로직) (간결성에 대해서는 코드가 생략되었지만 원래 프롬프트에 포함) 프로젝트 실행 BUN을 설치하십시오 (BUN 웹 사이트에서 사용 가능한 지침)
당신의 ,

및 . <:> 서버를 실행하십시오 :

<: :> 흐름 테스트 : 액세스 , Google로 로그인 한 다음 콘솔을 확인하십시오.

결론

---

이 수동 구현은 Google Oauth2에 대한 강력한 이해를 제공합니다. Passport 또는 Nextauth와 같은 라이브러리는 편의성을 제공하지만이 접근법은 기본 인증 메커니즘을 밝힙니다.

위 내용은 JavaScript 및 BUN을 사용한 Google Oauthentication에 대한 단계별 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!