Rails devise에서 페이스북 로그인 기능 구현

5920 단어 Rails

가감


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

페이스북 개발자 로그인


여기서 등록할 수 있습니다.
https://developers.facebook.com
등록하고 프로그램 이름을 입력하고 이 대시보드로 가세요.그리고'추가 플랫폼'부터 사이트에 로그인하고 localhost에 로그인합니다.사이트에 로그인하지 않으면 오류가 발생할 수 있습니다.

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

완성!!!
참고 자료
http://qiita.com/hiyoko/items/3c9a2e2a351fcd5b0698
https://github.com/plataformatec/devise/wiki/OmniAuth%3A-Overview

좋은 웹페이지 즐겨찾기