![このエントリーをはてなブックマークに追加](https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png)
とあるWebアプリでGoogleログインを設定したかったのですが、何が必要かなかなか分からず困ったので残します。
Google アカウントを利用した OAuth認証をするためには「クライアントID」と「クライアントシークレット」が必要になります。
今回はWebアプリに使用する「クライアントID」と「クライアントシークレット」の作成手順を残します。
※アプリへのGoogleログインの組み込み方法は記載していません。
Google Identity Platform のガイドを参考に設定していきます。
1.Google API Console にログインします。
既にGCPなどを利用している場合は上記の様な画面が表示されます。
既存の「プロジェクト」を使用しても良いですが、「新しいプロジェクト」を作ります。
既存の「プロジェクト」を使用しても良いですが、「新しいプロジェクト」を作ります。
プロジェクトを作成後にはこの様な画面が表示されると思います。
3.OAuth同意画面の設定
「User Type : 内部」はG Suiteユーザーのみ選択が可能です。
「アプリケーション名」と「承認済みドメイン」を設定します。
・アプリケーション名は任意の名前を設定可能です。
・承認済みドメインはOAuthで認証する自分のアプリケーションのドメインを設定します。
OAuth 同意画面の設定が作成されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_gnxHFKWbniESw0I49dVRJy0iTh2H3fuQo65joPPKSsUUzWI3382J-2hiuG5NDGZoyqIjVgmDeX8Y9g0SmtsdIxYwG99tx8V1hztWgplHSE9dKvNK1OgEZ3Xch5Hui2x9NsELYNRfZ4k/s640/Google_API_Console_05.png)
4.認証情報の設定
「OAuth クライアントID」を作成します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7JijmTle_LzB2gFkPqlAVesbCrAM2zaBH6fJOdVci4SW38dDKIuRHvay7YcArotsYIRe1t3BXHXuxyH4ED0L9csQvITu7LIbSyVmvpvq5ydpPnvdI6ZbNDdPw6PauN9Jd7XlqdJhf5Rs/s640/Google_API_Console_06.png)
OAuth認証するアプリケーションの種類を選択します。
今回はWebアプリでの認証に使用するので「ウェブアプリケーション」を選択します。
ウェブアプリケーションでは、「承認済みのJavaScript生成元」「承認済みのリダイレクトURI」のどちらか、または両方を設定します。
承認済みのJavaScript生成元は、Google認証を設定するページの指定です。
承認済みのリダイレクトURIは、Google認証後のリダイレクト先の指定です。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRX9cdr0YHqtW37VRUby1Keki3wPl-1Kbrm2A4EN0bXoRNVl1DNqVYB4yuVBr3gy4PZcaEjIcTwaCqBFPb4Ad0orm-me0poNYCor2Xg7mosws_2ucNtzM9FpjdVGZAt3aBXwZjfpVRl0U/s640/Google_API_Console_11-02.png)
設定が完了すると「クライアントID」と「クライアントシークレット」が発行されます。
この二つを自分のアプリケーションのGoogle認証に利用します。
「クライアントID」と「クライアントシークレット」の発行はこれで終わりです。
あとはWebアプリにIDとシークレットを組み込めばGoogleログインが可能になります。
![このエントリーをはてなブックマークに追加](https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png)
0 件のコメント:
コメントを投稿