Google 아이덴티티 서비스 JavaScript 라이브러리 로드

사용자가 OAuth 2.0 승인 흐름을 시작하여 승인 코드 또는 액세스 토큰을 가져올 수 있는 모든 웹페이지에 Google 아이덴티티 서비스 JavaScript 라이브러리(https://accounts.google.com/gsi/client)를 로드해야 합니다. HTML <head> 또는 <body>에서 다음 <script> 스니펫을 사용합니다.

<script src="https://accounts.google.com/gsi/client" async></script>

async 속성으로 스크립트를 로드하여 페이지 로드 속도를 최적화할 수 있습니다. 스크립트가 로드 시 토큰 클라이언트(google.accounts.oauth2.initTokenClient) 또는 코드 클라이언트(google.accounts.oauth2.initCodeClient)를 즉시 초기화하는 경우 onload 콜백 핸들러를 <script> 태그에 연결할 수 있습니다.

<script src="https://accounts.google.com/gsi/client" onload="initClient()" async></script>

google.accounts.oauth2 네임스페이스에서 지원하는 메서드 및 구성 속성의 전체 목록은 Google 계정 승인 JavaScript API 참조를 참고하세요.

참고: Google 아이덴티티 서비스 라이브러리는 웹페이지의 <script> 요소를 사용하여 https://accounts.google.com/gsi/client에서 직접 로드해야 합니다. 이렇게 하면 통합에서 항상 보안 업데이트와 호환성 수정사항을 수신할 수 있습니다. 스크립트의 오프라인 사본을 자체 호스팅하거나 번들로 묶는 것은 지원되지 않으며 예기치 않은 오류가 발생할 수 있습니다.

다음 단계

클라이언트 라이브러리를 로드한 후 애플리케이션 아키텍처와 일치하는 승인 모델을 선택합니다.

• 사용자 승인 모델을 선택하여 승인 코드와 암시적 권한 부여 흐름을 비교합니다.
• 승인 코드 모델 사용 (백엔드 서버가 있는 앱에 권장)
• 토큰 모델 사용 (클라이언트 측, 브라우저 전용 앱의 경우)