🛠️
Google API ConsoleでOAuthクライアントIDを作成する方法
はじめに
本記事では、Google API Console を使って OAuth 2.0 のクライアントIDを取得し、自身のアプリケーションでGoogleログインを実装するための準備手順を、解説します。初心者の方でも迷うことなく進められるよう、各ステップを詳細に紹介していますので、ぜひ参考にしてみてください。
設定
1. プロジェクトの作成
まず、Google API Console にアクセスし、「プロジェクトの作成」を選択してください。
2. プロジェクト名などの入力
「新しいプロジェクト」画面が表示されますので、
- プロジェクト名は、任意のもの
- 場所は、組織無し
とし、作成ボタンを押してください。
しばらく待つと、プロジェクトが作成された旨の通知が表示されます。
3. Oauth同意画面メニューの選択
続いて、
- 左上のメニューを選択
- APIとサービスを選択
- OAuth同意画面を選択
してください。
4. プロジェクト構成の作成
OAuthの概要画面が表示されますので開始ボタンを押してください。
プロジェクト構成の作成画面が表示されるので
- アプリ名は、任意のもの
- ユーザーサポートメールは、ご自身のメールアドレス
- 対象は、外部
- 連絡先情報は、ご自身のメールアドレス
入力がすべて完了したら作成ボタンを押してください。
5. OAuthクライアントIDメニューの選択
続いて、
- 左側のクライアントを選択
- クライアントを作成をクリック
してください。
6. OAuthクライアントIDの作成
「OAuthクライアントIDの作成」画面が表示されるので
- アプリケーションの種類に、ウェブアプリケーションを選択
- 名前は、任意の名前
- 承認済みのリダイレクトURIは、作成するアプリに合わせて入力(例:
http://localhost/login/google/callback
)
作成ボタンを押してください。
7. クライアントID/シークレットの確認
すると、以下の画面が表示されます。
この内容を.env
に環境変数として設定して使用してください。
さいごに
ここまで、Google API Console を使ったプロジェクトの作成から OAuth クライアントID の取得までの手順を解説してきました。最初は少し手間に感じるかもしれませんが、一度流れを掴んでしまえば、次回以降はスムーズに設定できるようになるはずです。
今回の記事は、あくまで自分のメモとしての意味合いも込めてまとめましたが、同じように初めて設定を行う方の参考になれば嬉しいです。
Discussion