🗝️

GoogleのクライアントIDとクライアントシークレットの作成方法

2024/07/21に公開

開発環境

  • macOS
  • VSCode
  • Rails 7.1.3.3
  • ruby-3.2.3

行いたいこと

  • deviseによるログイン機能の実装に加え、Googleログインの実装を追加する。そのためにGoogleのクライアントIDとクライアントシークレットを作成し、承認URIの設定まで行う。

GoogleのクライアントIDとクライアントシークレットの作成

こちらのリンクから
https://console.cloud.google.com/apis/dashboard

Image from Gyazo

プロジェクト名を記入⇨作成する位置はデフォルト)

Image from Gyazo

外部のを選択⇨作成する

Image from Gyazo

アプリ名ユーザーサポートメールメールアドレスを記入し⇨保存して続行

Image from Gyazo

Image from Gyazo

スコープを追加または削除するを選択

Image from Gyazo

・上の3つにチェックをいれる⇨アップデート

Image from Gyazo

保存して続行を選択

Image from Gyazo

ユーザーを追加するを選択し⇨自分のメールアドレスを入力する⇨追加

Image from Gyazo
                      ⇩ 
Image from Gyazo

資格資格情報を作成するOAuthクライアントIDを選択

Image from Gyazo

アプリケーションタイプウェブアプリケーション(名前は自動で入力されるのでデフォルト)

・承認された JavaScript オリジン

URIを追加URI 1=http://localhostURI 2=http://localhost:3000

・承認されたリダイレクト URI

URIを追加URI 1=http://localhost:3000/users/auth/google_oauth2/callback作成する
Image from Gyazo

本番環境の場合はURIを追加する

・デプロイ先のURIをそれぞれ追加する

Image from Gyazo

・この表示がされたら完了です

(ここでクライアントIDクライアントシークレットが表示されますが後からでも確認可能です)
Image from Gyazo

作成されたクライアントIDとクライアントシークレットの確認方法

資格追加情報に記載されています

Image from Gyazo

Image from Gyazo






GitHubで編集を提案

Discussion