【Google API Console】クライアントID・クライアントシークレットを取得する方法

はじめに

個人開発でGoogleログイン機能を実装するにあたり、OAuth認証に必要な「クライアントID」と「クライアントシークレット」を取得する必要がありましたので、取得手順を紹介します。

使用した認証機能(NextAuth.js)

https://next-auth.js.org/

Next.jsでNextAuth.jsを使用したログイン認証機能の作成に関しては以下の記事で紹介しています。
https://zenn.dev/aya1357/articles/029c3bf2c1bba4

1. コンソール画面にアクセスします。

https://console.cloud.google.com/apis/dashboard?project=app-ai-426413

2. APIとサービス(サイドバー)のOAuth同意画面を選択して、アプリ名、メールアドレスを入力して、保存して次へを選択します。

3. スコープを追加または削除を選択、Googleアカウントのメインのメールアドレスの参照をチェックして更新した後、保存して次へを選択します。

4. +ADD USERSをクリックして自分のメールアドレスを追加したら、保存して次へを選択します。

5. APIとサービス(サイドバー)の認証情報を選択、認証情報を作成を選択、OAuthクライアントIDを選択します。

6. アプリケーションの種類、名前、承認済みのJavaScript生成元、承認済みのリダイレクトURIを入力し、作成を選択します。

承認済みのJavaScript生成元には開発環境のURLを入力します。
承認済みのリダイレクト URIはAuth.jsに記載のcallback URLを参照しています。

https://authjs.dev/getting-started/providers/google

7. OAuth クライアントを作成しましたと表示されるポップアップでクライアントIDとクライアントシークレットが取得できます。

OAuth認証に必要なので、取得したクライアントIDとクライアントシークレットをメモ帳などにコピペして保存しておく必要があります。

8. APIとサービス(サイドバー)のライブラリからGoogle+ APIを選択して有効にするを選択します。