Devise/Twitter認証
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
&tag(Devise/Twitter認証);
*目次 [#qde2babe]
#contents
*参考情報 [#x85e96d6]
-[[[*Rails*] deviseの使い方（rails5版） - Qiita:https://q...
-[[deviseを用いたユーザ認証作成 -Rails奮闘記①- - Farma's ...
-[[deviseによるFacebook / Twitter 認証 -Rails奮闘記②- - F...
*関連ページ [#k9a9b2c6]
-[[Devise]]
-[[../最もシンプルな認証機能]]
-[[./古い内容]]
*使用準備 [#m352dbd7]
-Gemfileの編集
#pre{{
gem 'devise'
gem 'omniauth-twitter'
}}
-サンプルモデルなどを作成
bundle exec rails g scaffold book title:string author:s...
-deviseをインストールする
bundle exec rails g devise:install
-Userモデルの作成
bundle exec rails g devise user
-Userモデルの変更。confirmableは実装せず画面上で登録が完...
#pre{{
class User < ApplicationRecord
# Include default devise modules. Others available are:
# :confirmable, :lockable, :timeoutable and :omniauthable
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :valida...
end
}}
-migrationファイルdevise_create_user.rbの変更。
#pre{{
class DeviseCreateUsers < ActiveRecord::Migration[5.1]
def change
create_table :users do |t|
## Database authenticatable
t.string :email, null: false, default:...
t.string :encrypted_password, null: false, default:...
## Recoverable
t.string :reset_password_token
t.datetime :reset_password_sent_at
## Rememberable
t.datetime :remember_created_at
## Trackable
t.integer :sign_in_count, default: 0, null: false
t.datetime :current_sign_in_at
t.datetime :last_sign_in_at
t.string :current_sign_in_ip
t.string :last_sign_in_ip
## Confirmable
# t.string :confirmation_token
# t.datetime :confirmed_at
# t.datetime :confirmation_sent_at
# t.string :unconfirmed_email # Only if using rec...
## Lockable
# t.integer :failed_attempts, default: 0, null: fa...
# t.string :unlock_token # Only if unlock strateg...
# t.datetime :locked_at
t.timestamps null: false
## Twitter認証用
t.string :provider
t.string :uid
t.string :username, default: "anonymous"
end
add_index :users, :email, unique: true
add_index :users, :reset_password_token, unique: true
# add_index :users, :confirmation_token, unique: true
# add_index :users, :unlock_token, unique: true
end
end
}}
-migration実行
bundle exec rails db:migrate
*Twitterアプリケーションの登録 [#a5b66981]
-https://apps.twitter.com/ からアプリケーションを登録する。
-callback_urlは開発環境と本番環境で異なるので2個登録して...
-開発環境の場合Callback URLは次のように設定する。localhos...
http://127.0.0.1:3000/users/omniauth_callbacks
*Twitter認証のための準備 [#z114b504]
**devise.rbの編集 [#bb5d6965]
-config/initializers/devise.rbを編集(ここで登録した"twitt...
config.omniauth :twitter, "Consumer Key", "Consumer Secr...
-この段階で「http://localhost:3000/users/sign_in」にアク...
-しかしコールバックが設定されていないのでラーになる。
#pre{{
The action 'twitter' could not be found for Devise::Omnia...
}}
**コールバック用コントローラーの生成 [#hf94145f]
-Twitterログイン画面から戻ってきたときに呼び出される処理...
bundle exec rails g controller omniauth_callbacks
-内容を編集。親クラスがDevise::OmniauthCallbacksControlle...
#pre{{
class OmniauthCallbacksController < Devise::OmniauthCallb...
def twitter
@user = User.from_omniauth(request.env["omniauth.auth...
if @user.persisted?
flash.notice = "ログインしました！"
sign_in_and_redirect @user
else
session["devise.user_attributes"] = @user.attributes
redirect_to new_user_registration_url
end
end
end
}}
**Userモデルの変更 [#b9391b71]
-from_omniauthとnew_with_sessionを作成する。
#pre{{
class User < ActiveRecord::Base
# Include default devise modules. Others available are:
# :confirmable, :lockable, :timeoutable and :omniauthable
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :valida...
# :confirmable, :lockable, :timeoutable, :omniaut...
:timeoutable, :omniauthable, omniauth_providers...
def self.from_omniauth(auth)
where(provider: auth["provider"], uid: auth["uid"]).f...
user.provider = auth["provider"]
user.uid = auth["uid"]
user.username = auth["info"]["nickname"]
# user.email = Devise.friendly_token[0,20]
user.email = "#{auth.provider}-#{auth.uid}@example...
user.password = Devise.friendly_token[0,20] #これが...
end
end
def remember_me
# http://stackoverflow.com/questions/14417201/how-to-...
true
end
def self.new_with_session(params, session)
if session["devise.user_attributes"]
new(session["devise.user_attributes"], without_prot...
user.attributes = params
user.valid?
end
else
super
end
end
def password_required?
super && provider.blank?
end
def email_required?
super && provider.blank?
end
end
}}
**ルートの設定 [#d05478c3]
-routes.rbを編集。omniauth_callbacks_controllerが呼ばれる...
#pre{{
devise_for :users, controllers: { :omniauth_callbacks => ...
}}
**画面の修正 [#s1ff7bfd]
-application.html.erbの修正
#pre{{
<!DOCTYPE html>
<html>
<head>
<title>Rails5DeviseTwitterDemo</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all...
<%= javascript_include_tag 'application', 'data-turbo...
</head>
<body>
<header>
<nav>
<% if user_signed_in? %>
<strong<%= link_to current_user.username, pages_s...
<%= link_to 'ログアウト', destroy_user_session_pa...
<% else %>
<%= link_to 'ログイン', user_twitter_omniauth_aut...
<% end %>
</nav>
</header>
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
</body>
</html>
}}
-ログインしていない場合は、「ログイン」リンクが表示される...
-ログインしている場合はユーザー名と「ログアウト」リンクが...
-初回の登録とそれ以降のログインに差は無い。
*ビューの変更 [#eefbc6a5]
-Deviseのビューをカスタマイズする場合以下のコマンドを実行
bundle exec rails g devise:views
*Tips [#g6d40a04]
**認証済みユーザーでないと表示できないページ [#dc821969]
-例えば認証済みユーザーでないとログインできないページ。
#pre{{
class UsersController < RegularController
include ApplicationHelper
#http://stackoverflow.com/questions/7458723/using-devis...
before_action :verify_owner, only: [:show, :edit, :dest...
def verify_owner
redirect_to root_url unless current_user.username == ...
end
}}
*トラブルシューティング [#h3f33ae5]
**急にログインできなくなった [#hc13f9bc]
-2018年6月、Twitter側の仕様変更により設定されたcallback_u...
-これには以下の変更が必要。
-Twitter Appの変更。本番のほかテスト用のcallbackを追加し...
http://本番サイトのURL/users/auth/twitter/callback
http://localhost:3000/users/auth/twitter/callback
-アプリ側の設定。callback_urlの設定は本番と開発環境で切り...
#pre{{
Devise.setup do |config|
config.omniauth :twitter, "TWITTER_CONSUMER_KEY", "TWIT...
end
}}
-callback urlはroutesでcallbackをgrepするとわかる。
#pre{{
$ bundle exec rake routes | grep callback
user_twitter_omniauth_callback GET|POST /users/auth/twit...
}}
**Twitterでログインボタンを押すと画面に「Not found. Authe...
-2021/05/06(木)bundle updateで発生。
-omniauthのバージョン2.0以降と1.9で互換性がないっぽい。以...
#pre{{
gem 'devise'
gem 'omniauth', '1.9.1'
gem 'omniauth-twitter'
}}
-omniauthはomniauth-twitter依存関係で?自動インストールさ...
終了行:
&tag(Devise/Twitter認証);
*目次 [#qde2babe]
#contents
*参考情報 [#x85e96d6]
-[[[*Rails*] deviseの使い方（rails5版） - Qiita:https://q...
-[[deviseを用いたユーザ認証作成 -Rails奮闘記①- - Farma's ...
-[[deviseによるFacebook / Twitter 認証 -Rails奮闘記②- - F...
*関連ページ [#k9a9b2c6]
-[[Devise]]
-[[../最もシンプルな認証機能]]
-[[./古い内容]]
*使用準備 [#m352dbd7]
-Gemfileの編集
#pre{{
gem 'devise'
gem 'omniauth-twitter'
}}
-サンプルモデルなどを作成
bundle exec rails g scaffold book title:string author:s...
-deviseをインストールする
bundle exec rails g devise:install
-Userモデルの作成
bundle exec rails g devise user
-Userモデルの変更。confirmableは実装せず画面上で登録が完...
#pre{{
class User < ApplicationRecord
# Include default devise modules. Others available are:
# :confirmable, :lockable, :timeoutable and :omniauthable
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :valida...
end
}}
-migrationファイルdevise_create_user.rbの変更。
#pre{{
class DeviseCreateUsers < ActiveRecord::Migration[5.1]
def change
create_table :users do |t|
## Database authenticatable
t.string :email, null: false, default:...
t.string :encrypted_password, null: false, default:...
## Recoverable
t.string :reset_password_token
t.datetime :reset_password_sent_at
## Rememberable
t.datetime :remember_created_at
## Trackable
t.integer :sign_in_count, default: 0, null: false
t.datetime :current_sign_in_at
t.datetime :last_sign_in_at
t.string :current_sign_in_ip
t.string :last_sign_in_ip
## Confirmable
# t.string :confirmation_token
# t.datetime :confirmed_at
# t.datetime :confirmation_sent_at
# t.string :unconfirmed_email # Only if using rec...
## Lockable
# t.integer :failed_attempts, default: 0, null: fa...
# t.string :unlock_token # Only if unlock strateg...
# t.datetime :locked_at
t.timestamps null: false
## Twitter認証用
t.string :provider
t.string :uid
t.string :username, default: "anonymous"
end
add_index :users, :email, unique: true
add_index :users, :reset_password_token, unique: true
# add_index :users, :confirmation_token, unique: true
# add_index :users, :unlock_token, unique: true
end
end
}}
-migration実行
bundle exec rails db:migrate
*Twitterアプリケーションの登録 [#a5b66981]
-https://apps.twitter.com/ からアプリケーションを登録する。
-callback_urlは開発環境と本番環境で異なるので2個登録して...
-開発環境の場合Callback URLは次のように設定する。localhos...
http://127.0.0.1:3000/users/omniauth_callbacks
*Twitter認証のための準備 [#z114b504]
**devise.rbの編集 [#bb5d6965]
-config/initializers/devise.rbを編集(ここで登録した"twitt...
config.omniauth :twitter, "Consumer Key", "Consumer Secr...
-この段階で「http://localhost:3000/users/sign_in」にアク...
-しかしコールバックが設定されていないのでラーになる。
#pre{{
The action 'twitter' could not be found for Devise::Omnia...
}}
**コールバック用コントローラーの生成 [#hf94145f]
-Twitterログイン画面から戻ってきたときに呼び出される処理...
bundle exec rails g controller omniauth_callbacks
-内容を編集。親クラスがDevise::OmniauthCallbacksControlle...
#pre{{
class OmniauthCallbacksController < Devise::OmniauthCallb...
def twitter
@user = User.from_omniauth(request.env["omniauth.auth...
if @user.persisted?
flash.notice = "ログインしました！"
sign_in_and_redirect @user
else
session["devise.user_attributes"] = @user.attributes
redirect_to new_user_registration_url
end
end
end
}}
**Userモデルの変更 [#b9391b71]
-from_omniauthとnew_with_sessionを作成する。
#pre{{
class User < ActiveRecord::Base
# Include default devise modules. Others available are:
# :confirmable, :lockable, :timeoutable and :omniauthable
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :valida...
# :confirmable, :lockable, :timeoutable, :omniaut...
:timeoutable, :omniauthable, omniauth_providers...
def self.from_omniauth(auth)
where(provider: auth["provider"], uid: auth["uid"]).f...
user.provider = auth["provider"]
user.uid = auth["uid"]
user.username = auth["info"]["nickname"]
# user.email = Devise.friendly_token[0,20]
user.email = "#{auth.provider}-#{auth.uid}@example...
user.password = Devise.friendly_token[0,20] #これが...
end
end
def remember_me
# http://stackoverflow.com/questions/14417201/how-to-...
true
end
def self.new_with_session(params, session)
if session["devise.user_attributes"]
new(session["devise.user_attributes"], without_prot...
user.attributes = params
user.valid?
end
else
super
end
end
def password_required?
super && provider.blank?
end
def email_required?
super && provider.blank?
end
end
}}
**ルートの設定 [#d05478c3]
-routes.rbを編集。omniauth_callbacks_controllerが呼ばれる...
#pre{{
devise_for :users, controllers: { :omniauth_callbacks => ...
}}
**画面の修正 [#s1ff7bfd]
-application.html.erbの修正
#pre{{
<!DOCTYPE html>
<html>
<head>
<title>Rails5DeviseTwitterDemo</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all...
<%= javascript_include_tag 'application', 'data-turbo...
</head>
<body>
<header>
<nav>
<% if user_signed_in? %>
<strong<%= link_to current_user.username, pages_s...
<%= link_to 'ログアウト', destroy_user_session_pa...
<% else %>
<%= link_to 'ログイン', user_twitter_omniauth_aut...
<% end %>
</nav>
</header>
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
</body>
</html>
}}
-ログインしていない場合は、「ログイン」リンクが表示される...
-ログインしている場合はユーザー名と「ログアウト」リンクが...
-初回の登録とそれ以降のログインに差は無い。
*ビューの変更 [#eefbc6a5]
-Deviseのビューをカスタマイズする場合以下のコマンドを実行
bundle exec rails g devise:views
*Tips [#g6d40a04]
**認証済みユーザーでないと表示できないページ [#dc821969]
-例えば認証済みユーザーでないとログインできないページ。
#pre{{
class UsersController < RegularController
include ApplicationHelper
#http://stackoverflow.com/questions/7458723/using-devis...
before_action :verify_owner, only: [:show, :edit, :dest...
def verify_owner
redirect_to root_url unless current_user.username == ...
end
}}
*トラブルシューティング [#h3f33ae5]
**急にログインできなくなった [#hc13f9bc]
-2018年6月、Twitter側の仕様変更により設定されたcallback_u...
-これには以下の変更が必要。
-Twitter Appの変更。本番のほかテスト用のcallbackを追加し...
http://本番サイトのURL/users/auth/twitter/callback
http://localhost:3000/users/auth/twitter/callback
-アプリ側の設定。callback_urlの設定は本番と開発環境で切り...
#pre{{
Devise.setup do |config|
config.omniauth :twitter, "TWITTER_CONSUMER_KEY", "TWIT...
end
}}
-callback urlはroutesでcallbackをgrepするとわかる。
#pre{{
$ bundle exec rake routes | grep callback
user_twitter_omniauth_callback GET|POST /users/auth/twit...
}}
**Twitterでログインボタンを押すと画面に「Not found. Authe...
-2021/05/06(木)bundle updateで発生。
-omniauthのバージョン2.0以降と1.9で互換性がないっぽい。以...
#pre{{
gem 'devise'
gem 'omniauth', '1.9.1'
gem 'omniauth-twitter'
}}
-omniauthはomniauth-twitter依存関係で?自動インストールさ...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
