🗝️
GoogleのクライアントIDとクライアントシークレットの作成方法
開発環境
- macOS
- VSCode
- Rails 7.1.3.3
- ruby-3.2.3
行いたいこと
- deviseによるログイン機能の実装に加え、Googleログインの実装を追加する。そのためにGoogleのクライアントIDとクライアントシークレットを作成し、承認URIの設定まで行う。
GoogleのクライアントIDとクライアントシークレットの作成
こちらのリンクから
OAuth consent screen
⇨プロジェクトを作成
・
プロジェクト名
を記入⇨作成する
(位置
はデフォルト)
・
外部の
を選択⇨作成する
・
アプリ名
、ユーザーサポートメール
、メールアドレス
を記入し⇨保存して続行
・
スコープを追加または削除する
を選択
・
3つ
にチェックをいれる⇨アップデート
・上の
保存して続行
を選択
・
ユーザーを追加する
を選択し⇨自分のメールアドレスを入力する⇨追加
・
資格
⇨資格情報を作成する
⇨OAuthクライアントID
を選択
・
アプリケーションタイプ
⇨ウェブアプリケーション
(名前は自動で入力されるのでデフォルト)
・⇩
・承認された JavaScript オリジン
URIを追加
⇨URI 1
=http://localhost
、URI 2
=http://localhost:3000
⇩
・承認されたリダイレクト URI
URIを追加
⇨URI 1
=http://localhost:3000/users/auth/google_oauth2/callback
⇨作成する
・この表示がされたら完了です
(ここでクライアントID
とクライアントシークレット
が表示されますが後からでも確認可能です)
Discussion