Googleでログイン

Author: YuzukiEndo

Gemfile

@@ -31,6 +31,8 @@ gem 'bootsnap', '>= 1.4.4', require: false
 
 gem 'sorcery'
 
+gem 'sorcery-oauth'
+
 gem 'bootstrap', '~> 5.3.0'
 
 gem 'ruby-openai'

Gemfile.lock

@@ -338,6 +338,10 @@ GEM
       bcrypt (~> 3.1)
       oauth (>= 0.6)
       oauth2 (~> 2.0)
+    sorcery-core (0.0.0)
+      bcrypt (~> 3.0)
+    sorcery-oauth (0.0.0)
+      sorcery-core (= 0.0.0)
     spring (4.2.1)
     sprockets (4.2.1)
       concurrent-ruby (~> 1.0)
@@ -413,6 +417,7 @@ DEPENDENCIES
   sass-rails (>= 6)
   selenium-webdriver
   sorcery
+  sorcery-oauth
   spring
   turbolinks (~> 5)
   tzinfo-data

app/controllers/oauths_controller.rb

@@ -0,0 +1,32 @@
+class OauthsController < ApplicationController
+  skip_before_action :require_login
+
+  def oauth
+    login_at(auth_params[:provider])
+  end
+
+  def callback
+    provider = auth_params[:provider]
+    if @user = login_from(provider)
+      flash[:success] = "認証に成功しました。健康維持のための指示に従ってください。"
+      redirect_to root_path
+    else
+      begin
+        @user = create_from(provider)
+        reset_session
+        auto_login(@user)
+        flash[:success] = '認証に成功しました。健康維持のための指示に従ってください。'
+        redirect_to root_path
+      rescue
+        flash[:danger] = "認証失敗。Googleアカウントでのログインに失敗しました"
+        redirect_to root_path
+      end
+    end
+  end
+
+  private
+
+  def auth_params
+    params.permit(:code, :provider)
+  end
+end

app/helpers/oauths_helper.rb

@@ -0,0 +1,2 @@
+module OauthsHelper
+end

app/javascript/stylesheets/application.scss

@@ -107,4 +107,18 @@ ul {
   width: 100%;
   height: 1300px;
   overflow: hidden;
+}
+
+.google-login-btn {
+  color: #666666;
+  text-decoration: none;
+  font-size: 1rem;
+  display: block;
+  text-align: center;
+  margin: 30px auto 0;
+  width: fit-content;
+
+  &:hover {
+    color: #cccccc;
+  }
 }

app/models/authentication.rb

@@ -0,0 +1,3 @@
+class Authentication < ApplicationRecord
+  belongs_to :user
+end

app/models/user.rb

@@ -1,5 +1,7 @@
 class User < ApplicationRecord
   authenticates_with_sorcery!
+  has_many :authentications, dependent: :destroy
+  accepts_nested_attributes_for :authentications
 
   has_many :favorites
   has_many :favorite_recipes, through: :favorites, source: :recipe

app/views/oauths/callback.html.erb

@@ -0,0 +1,2 @@
+<h1>Oauths#callback</h1>
+<p>Find me in app/views/oauths/callback.html.erb</p>

app/views/oauths/oauth.html.erb

@@ -0,0 +1,2 @@
+<h1>Oauths#oauth</h1>
+<p>Find me in app/views/oauths/oauth.html.erb</p>

app/views/user_sessions/new.html.erb

@@ -22,9 +22,10 @@
       <% end %>
     </div>
 
+    <%= link_to 'Googleアカウントでログイン', auth_at_provider_path(provider: :google), class: 'google-login-btn' %>
+
     <div class="password-reset-link">
       <%= link_to "パスワードをお忘れの方はこちら", new_password_reset_path %>
     </div>
-    
   <% end %>
 </div>