Posted at

Rails deviseでfacebookログイン機能実装する

More than 1 year has passed since last update.


gemを入れる


Gemfile

gem 'devise'

gem 'omniauth-facebook'

$ bundle install


Userモデル作成

$ rails g devise:install

$ rails g devise user


providerカラム、uidカラム作成

デフォルトで設定されているカラムのようなので、おとなしくレファレンス通りに設置。

$ rails g migration AddOmniauthToUsers provider:string uid:string

$ rake db:migrate


facebook developers登録

ここらから登録できます。

https://developers.facebook.com

登録後、アプリ名を入力し、このダッシュボードまで行きましょう。その後、”プラットフォームの追加”からウェブサイトを登録でlocalhostを登録しておきましょう。ウェブサイトに登録していないとエラーがでました。

fb01.png



deviseの設定

環境変数で登録します。


config/initializers/devise.rb

Devise.setup do |config|

#ここを追加
#:facebook,アプリケーションID,シークレットキーの順
config.omniauth :facebook,ENV['PICTWEET_FB_ID'],ENV['PICTWEET_FB_SECRET']

環境変数を登録。APP_ID, SECRET_IDはご自身のに置き換えてください。

$ export PICTWEET_FB_ID=APP_ID

$ export PICTWEET_FB_SECRET=SECRET_ID


ルーティングの設定


user.rb

# :omniauthable, omniauth_providers: [:facebook] を追加

devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :validatable, :omniauthable, omniauth_providers: [:facebook]


$ rake routes

#↓が追加されていることを確認

user_facebook_omniauth_authorize GET|POST /users/auth/facebook(.:format) users/omniauth_callbacks#passthru
user_facebook_omniauth_callback GET|POST /users/auth/facebook/callback(.:format) users/omniauth_callbacks#facebook


viewにリンクを設置

<%= link_to "Sign in with Facebook", user_facebook_omniauth_authorize_path, class: "post" %>


controllerの設置

ファイルの作成

$ touch app/controllers/omniauth_callbacks_controller.rb

レファレンスからそのままコピペ


app/controllers/omniauth_callbacks_controller.rb


class Users::OmniauthCallbacksController < Devise::OmniauthCallbacksController

def facebook
# You need to implement the method below in your model (e.g. app/models/user.rb)
@user = User.from_omniauth(request.env["omniauth.auth"])

if @user.persisted?#persisted?
sign_in_and_redirect @user, :event => :authentication #this will throw if @user is not activated
set_flash_message(:notice, :success, :kind => "Facebook") if is_navigational_format?
else
session["devise.facebook_data"] = request.env["omniauth.auth"]
redirect_to new_user_registration_url
end
end

def failure
redirect_to root_path
end
end


完成!!!

https://gyazo.com/1ba4b70310cc2e3e177b9ceaf671288b

参考

http://qiita.com/hiyoko/items/3c9a2e2a351fcd5b0698

https://github.com/plataformatec/devise/wiki/OmniAuth%3A-Overview