Google Identity Services JavaScript ライブラリを読み込む

ユーザーが OAuth 2.0 認証フローを開始して認証コードまたはアクセス トークンを取得する可能性のあるウェブページには、必ず Google Identity Services 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 Identity Services ライブラリは、ウェブページの <script> 要素を使用して https://accounts.google.com/gsi/client から直接読み込む必要があります。これにより、統合でセキュリティ アップデートと互換性修正を常に受け取ることができます。スクリプトのオフライン コピーをセルフホストまたはバンドルすることはサポートされておらず、予期しないエラーが発生する可能性があります。

次のステップ

クライアント ライブラリを読み込んだら、アプリケーション アーキテクチャに一致する認可モデルを選択します。

• ユーザー認可モデルを選択するで、認可コードフローと暗黙的な認可フローを比較します。
• 認証コードモデルを使用する（バックエンド サーバーを使用するアプリにおすすめ）。
• トークンモデルを使用する（クライアントサイドのブラウザ専用アプリの場合）。