strapiでgoogle authの設定をしてみる

はじめに

• 下記のページを参考にstrapiでgoogle authを実行してみる strapi.io

google auth api key 発行の手順

1. Google DeveloperConsoleにアクセスします https://console.developers.google.com/

2.トップメニューの[プロジェクトの選択]ドロップダウンをクリックします

1. 次に、[新規プロジェクト]ボタンをクリックします

2. プロジェクト名の入力を入力して作成します

5.プロジェクトのドロップダウンで、新しいプロジェクトを選択します

6.APIカードの下にある[APIの概要に移動]をクリックします

7.次に、左側のメニューの[認証情報]リンクをクリックします

8.OAuth同意画面ボタンをクリックします

9.[外部]を選択し、[作成]をクリックします

10.アプリケーション名を入力して保存します

11.次に、[資格情報の作成]ボタンをクリックします

12.OAuthクライアントIDオプションを選択します

13.情報を入力します。

14.名前：Strapi Auth

15.承認されたリダイレクトURI：http:// localhost:1337/connect/google:callback

16.作成したクライアントのOAuth2.0クライアントID名をクリックします

18.アプリケーションIDとシークレットが表示され、後で使用できるように保存してください。

strapi側の設定

動作確認

• http://localhost:1337/connect/googleにアクセスする。gogole auth 画面が表示される

• http://localhost/?id_token=eyJhbGcixxxxxxxxxxxxxxxxxにリダイレクトされる。その際にパラメータにあるid_tokenパラメータを利用してhttp://localhost:1337/auth/google/callback?id_token=eyJhbGxxxxxxxxxにアクセスするとユーザー情報が取得できることが確認できる