Google認証機能 - Githubissues

https://qiita.com/iloveomelette/items/b6e65caea88b6e86cfdd https://qiita.com/kazuooooo/items/47e7d426cbb33355590e Devise + Omniauth でgoogle認証機能を実装する。

[ ]　gemのインストール　

　　gem "omniauth-google-oauth2"
　　gem "omniauth-rails_csrf_protection"

[ ]　.envに以下を追加

　　GOOGLE_CLIENT_ID='******'
　　 GOOGLE_CLIENT_SECRET='******'

[ ]　config/initializers/devise.rbで読み込み

Devise.setup do |config|
　config.omniauth :google_oauth2, ENV['GOOGLE_CLIENT_ID'], ENV['GOOGLE_CLIENT_SECRET'], skip_jwt: true
　OmniAuth.config.logger = Rails.logger if Rails.env.development?  # debug用
end

[ ]　Sns_Crendentialモデルの作成、マイグレーションファイルの作成、実行

class CreateSnsCredentials < ActiveRecord::Migration[5.2]
def change
create_table :sns_credentials do |t|
  t.string :provider
  t.string :uid
  t.references :user, foreign_key: true

  t.timestamps
end
end
end

[ ]　各モデルの編集 app/models/sns_credential.rb

class SnsCredential < ApplicationRecord
# ===== 以下を追加 =====
belongs_to :user
end

app/models/user.rb

class User < ApplicationRecord
# ===== 以下を追加 =====
has_many :sns_credential, dependent: :destroy

# Include default devise modules. Others available are:
# :confirmable, :lockable, :timeoutable, :trackable
devise :database_authenticatable, :registerable,
     :recoverable, :rememberable, :validatable,
     # ===== Omniauthを使用するためのオプションを追加 =====
     :omniauthable, omniauth_providers: %i[google_oauth2]

class << self   # ここからクラスメソッドで、メソッドの最初につける'self.'を省略できる
# SnsCredentialsテーブルにデータがないときの処理
def without_sns_data(auth)
  user = User.where(email: auth.info.email).first

  if user.present?
    sns = SnsCredential.create(
      uid: auth.uid,
      provider: auth.provider,
      user_id: user.id
    )
  else   # User.newの記事があるが、newは保存までは行わないのでcreateで保存をかける
    user = User.create(
      name: auth.info.name,    # デフォルトから追加したカラムがあれば記入
      email: auth.info.email,
      profile_image: auth.info.image,    # デフォルトから追加したカラム
      password: Devise.friendly_token(10)   # 10文字の予測不能な文字列を生成する
    )
    sns = SnsCredential.create(
      user_id: user.id,
      uid: auth.uid,
      provider: auth.provider
    )
  end
  { user:, sns: }   # ハッシュ形式で呼び出し元に返す
end

# SnsCredentialsテーブルにデータがあるときの処理
def with_sns_data(auth, snscredential)
  user = User.where(id: snscredential.user_id).first
  # 変数userの中身が空文字, 空白文字, false, nilの時の処理
  if user.blank?
    user = User.create(
      name: auth.info.name,
      email: auth.info.email,
      profile_image: auth.info.image,
      password: Devise.friendly_token(10)
    )
  end
  { user: }
end

# Googleアカウントの情報をそれぞれの変数に格納して上記のメソッドに振り分ける処理
def find_oauth(auth)
  uid = auth.uid
  provider = auth.provider
  snscredential = SnsCredential.where(uid:, provider:).first
  if snscredential.present?
    user = with_sns_data(auth, snscredential)[:user]
    sns = snscredential
  else
    user = without_sns_data(auth)[:user]
    sns = without_sns_data(auth)[:sns]
  end
  { user:, sns: }
end
end
end

[ ]　コントローラの作成 app/controllers/users/omniauth_callbacks_controller.rb

class Users::OmniauthCallbacksController < Devise::OmniauthCallbacksController
def google_oauth2
callback_for(:google)
end

def callback_for(provider)
@omniauth = request.env["omniauth.auth"]
info = User.find_oauth(@omniauth)
@user = info[:user]
if @user.persisted?    # persisted?は保存が完了しているかを評価するメソッド
  sign_in_and_redirect @user, event: :authentication
  # is_navigational_formatはフラッシュメッセージを発行する必要があるかどうかを確認する
  # capitalizeは文字列の先頭を大文字に、それ以外は小文字に変更して返すメソッド
  set_flash_message(:notice, :success, kind: provider.to_s.capitalize) if is_navigational_format?
else
  @sns = info[:sns]
  render template: "devise/registrations/new"
end
end

def failure
redirect_to root_path and return
end
end

[ ]　ルーティングの設定 config/routes.rb
```
omniauth_callbacks: "users/omniauth_callbacks"
```

[ ]　ビューの設定 app/views/devise/registrations/new.html.erb

<div>
<%= link_to user_google_oauth2_omniauth_authorize_path, method: :post do %>
<i class="fa-brands fa-google"></i>
Googleアカウントでサインインする
<% end %>
</div>

CarBoss1996 / kousienNow

Google認証機能 #86