kazu22002の技術覚書

PHPer, Golang, AWS エンジニアの日々

OAuthのキー取得 【google】

以前OAuthキーを利用したプログラムサンプルの説明をしたので、今回はOAuthキーを取得の仕方を書いてみます。

kazu22002.hatenablog.com

他のプロジェクトを作ったこともあり、初期からではありませんが、手順は同じです。

個人的に不明な点もまだ多くサンプルとして使えるまでの記事になります。

設定

https://console.developers.google.comから設定を行います。

まず新規プロジェクトを作成するため、プロジェクトを開きます。

f:id:kazu22002:20190519103500p:plain

「新しいプロジェクト」をクリックします。

f:id:kazu22002:20190519103614p:plain

プロジェクト名を設定し、「作成」をクリックします。

f:id:kazu22002:20190519103645p:plain

プロジェクトを作成したプロジェクトに変更するために、プロジェクト選択を開きます。

f:id:kazu22002:20190519103752p:plain

「すべて」より作成したプロジェクトをクリックします。

f:id:kazu22002:20190519103833p:plain

「認証情報」をクリックします。

f:id:kazu22002:20190519103928p:plain

「OAuth同意画面」をクリックします。

f:id:kazu22002:20190519104002p:plain

OAuth同意画面での設定が、認証時にユーザーに確認として表示される項目になります。

アプリケーション名を設定し、必要があればその他の項目を設定します。本番で利用する場合は、承認ドメインやアプリケーションリンクなどの入力が必要になると思います。

今回はアプリケーション名のみ入力し、「保存」をクリックします。

f:id:kazu22002:20190519104015p:plain f:id:kazu22002:20190519104027p:plain

次に認証用のクライアントIDとシークレットキーを取得します。

「認証情報を作成」をクリックします。

f:id:kazu22002:20190519104925p:plainf:id:kazu22002:20190519105315p:plain

ウェブアプリケーション」を選択し、名前と承認済みリダイレクトURIを入力し、「作成」をクリックします。

以前作成したアプリの場合、「http://localhost:8080/auth/callback/google」と設定しました。

f:id:kazu22002:20190519105315p:plain

クライアントIDとシークレットキーが出力されるため、保存しておいてください。

f:id:kazu22002:20190519105414p:plain

これで設定は完了です。

テスト用のため、制限があります。アプリを公開して本番環境で使用する場合は、ほかにもやることがあると思います。

アクセステスト

プログラムは、golangの本のサンプルを利用しました。

f:id:kazu22002:20190519110820p:plain

OAuthの選択画面が表示されました。

アカウントをクリックすることで、認証情報を取得もできます。

以上です。