फेसबुक, vkontakte के माध्यम से रेल अनुप्रयोगों में प्रमाणीकरण

यह लेख आपको बताएगा कि vkontakte और facebook सोशल नेटवर्क के माध्यम से रेल एप्लिकेशन में सरल प्रमाणीकरण कैसे किया जाता है, omniauth, omniauth-facebook, omniauth-vkontakte रत्न इसमें मदद करते हैं। सामग्री शुरुआत के लिए डिज़ाइन की गई है। यद्यपि यह एक प्रशिक्षण अनुप्रयोग होगा, हम इसे पूरा करने के लिए ट्विटर-बूटस्ट्रैप-रेल रत्न के साथ बूटस्ट्रैप का उपयोग करते हैं।

ढांचा

हम एक नया एप्लिकेशन बनाते हैं (मैं कमांड से पहले बंडल निष्पादन को छोड़ दूंगा):

rails new authproviders 

हम रत्न में आवश्यक रत्न लिखते हैं

 source 'https://rubygems.org' gem 'rails', '3.2.3' gem 'sqlite3', :group => :development gem 'pg', :group => :production group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'uglifier', '>= 1.0.3' end gem 'jquery-rails' gem 'haml-rails' gem 'twitter-bootstrap-rails' gem 'devise' gem 'omniauth' gem 'omniauth-facebook' gem 'omniauth-vkontakte' 

हम स्थापना करते हैं:

 bundle install --without production 

आइए, एप्लिकेशन को थोड़ा छोटा करें, बूटस्ट्रैप लागू करें:

 rails g bootstrap:layout application fixed 

सार्वजनिक निर्देशिका से index.html को हटाना न भूलें,
यदि application.html.erb फ़ाइल बनी रहती है, तो उसे भी हटा दें।
हम एक उपयोगकर्ता मॉडल बनाते हैं, जहाँ url प्रोफाइल पेज का पता है:

 rails g scaffold User username:string nickname:string provider:string url:string 

कॉन्फ़िगर कॉन्फ़िगर करें:

 rails generate devise:install rails generate devise User rake db:migrate 

उपयोगकर्ता मॉडल में omniauthable मॉड्यूल जोड़ें:

 class User < ActiveRecord::Base # Include default devise modules. Others available are: # :token_authenticatable, :encryptable, :confirmable, :lockable, :timeoutable and :omniauthable devise :database_authenticatable, :registerable, :recoverable, :rememberable, :trackable, :validatable, :omniauthable # Setup accessible (or protected) attributes for your model attr_accessible :email, :password, :password_confirmation, :remember_me attr_accessible :nickname, :provider, :url, :username end 

प्रत्येक प्रदाता के कार्यों के साथ कॉलबैक नियंत्रक बनाएं

 rails g controller Users::OmniauthCallbacks facebook vkontakte 

डेविस से इसे प्राप्त करना :: OmniauthCallbacksController

 class Users::OmniauthCallbacksControllerController < Devise::OmniauthCallbacksController def facebook end def vkontakte end end 

मार्गों में .rb हम राउटिंग लिखते हैं:

 Authproviders::Application.routes.draw do devise_for :users, :controllers => { :omniauth_callbacks => "users/omniauth_callbacks" } resources :users, :only => [:index, :destroy] root :to => 'users#index' end 

सामाजिक नेटवर्क (user_omniauth_authorize_path (: facebook) और user_omniauth_authorize_path (: vkontakte)) के लिंक को लिंक html.haml टेम्पलेट, पूर्ण वीडियो कोड में जोड़ें:

 !!! 5 %html(lang="en") %head %meta(charset="utf-8") %meta(name="viewport" content="width=device-width, initial-scale=1.0") %title= content_for?(:title) ? yield(:title) : "Authproviders" = csrf_meta_tags / Le HTML5 shim, for IE6-8 support of HTML elements /[if lt IE 9] = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js" = stylesheet_link_tag "application", :media => "all" %link(href="images/favicon.ico" rel="shortcut icon") %link(href="images/apple-touch-icon.png" rel="apple-touch-icon") %link(href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72") %link(href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114") %body .navbar.navbar-fixed-top .navbar-inner .container %a.btn.btn-navbar(data-target=".nav-collapse" data-toggle="collapse") %span.icon-bar %span.icon-bar %span.icon-bar %a.brand(href="#") Authproviders .container.nav-collapse %ul.nav - if user_signed_in? %li= link_to "#{current_user.username} (#{current_user.provider})", current_user.url %li= link_to "Sign out", destroy_user_session_path, :method => :delete .container .content .row .span9 = yield .span3 .well.sidebar-nav %h3 Providers %ul.nav.nav-list - if !user_signed_in? %li= link_to "Sign in with Facebook", user_omniauth_authorize_path(:facebook) %li= link_to "Sign in with Vkontakte", user_omniauth_authorize_path(:vkontakte) %footer %p © Company 2012 = javascript_include_tag "application" 

चलो पंजीकृत उपयोगकर्ताओं को प्रदर्शित करने के लिए उपयोगकर्ताओं / index.html.haml टेम्पलेट को ठीक करते हैं

 - model_class = User.new.class %h1=t '.title', :default => model_class.model_name.human.pluralize %table.table.table-striped %thead %tr %th= model_class.human_attribute_name(:username) %th= model_class.human_attribute_name(:nickname) %th= model_class.human_attribute_name(:provider) %th= model_class.human_attribute_name(:sign_in_count) %th= model_class.human_attribute_name(:created_at) %th=t '.actions', :default => t("helpers.actions") %tbody - @users.each do |user| %tr %td= link_to user.username, user.url %td= user.nickname %td= user.provider %td= user.sign_in_count %td= user.created_at %td = link_to t('.destroy', :default => t("helpers.links.destroy")), user_path(user), :method => :delete, :confirm => t('.confirm', :default => t("helpers.links.confirm", :default => 'Are you sure?')), :class => 'btn btn-mini btn-danger' 

सुनिश्चित करें कि सब कुछ काम करता है और सबसे दिलचस्प के लिए आगे बढ़ें:

 rails s 

फेसबुक

हम पृष्ठ https://developers.facebook.com/apps पर जाते हैं और एक नया एप्लिकेशन बनाते हैं

(साइट url में किसी लोकलहोस्ट पर डिबगिंग के लिए आप लोकलहोस्ट लिख सकते हैं: 3000)
Devise.rb आरंभीकरण फ़ाइल में, पंक्ति जोड़ें:

 config.omniauth :facebook, 'APP_ID', 'APP_SECRET' 

'APP_ID', 'APP_SECRET' हम एक नया एप्लिकेशन बनाते समय जारी किए गए मानों में बदल जाते हैं।

उपयोगकर्ता मॉडल में, फेसबुक विधि जोड़ें, जो उपयोगकर्ता को उसके पृष्ठ के पते पर खोजेगा, यदि यह मामला नहीं है, तो एक नया बनाएं (सुरक्षा के दृष्टिकोण से सबसे अच्छा समाधान नहीं है, लेकिन यह सिर्फ एक उदाहरण है):

 def self.find_for_facebook_oauth access_token if user = User.where(:url => access_token.info.urls.Facebook).first user else User.create!(:provider => access_token.provider, :url => access_token.info.urls.Facebook, :username => access_token.extra.raw_info.name, :nickname => access_token.extra.raw_info.username, :email => access_token.extra.raw_info.email, :password => Devise.friendly_token[0,20]) end end 

उपयोगकर्ताओं में: OmniauthCallbacksController नियंत्रक, साथ ही फेसबुक विधि जोड़ें:

 def facebook @user = User.find_for_facebook_oauth request.env["omniauth.auth"] if @user.persisted? flash[:notice] = I18n.t "devise.omniauth_callbacks.success", :kind => "Facebook" sign_in_and_redirect @user, :event => :authentication else flash[:notice] = "authentication error" redirect_to root_path end 

Vkontakte

संपर्क के लिए, प्रक्रिया समान है: http://vk.com/developers.php
एक आवेदन बनाएँ:

Devise.rb आरंभीकरण फ़ाइल में लाइन जोड़ना न भूलें:

 config.omniauth :vkontakte, 'APP_ID', 'APP_SECRET' 

स्थानीयहोस्ट पर संपर्क के साथ काम करना अधिक कठिन हो गया, आप इस चीज़ का उपयोग कर सकते हैं: https://github.com/progrium/localtunnel
बंडल के माध्यम से स्थापना के बाद, पहली शुरुआत में हम कुंजी लोड करते हैं:

 localtunnel -k ~/.ssh/id_rsa.pub 3000 

फिर हम सुरंग लॉन्च करते हैं, यह हमें पता देगा कि आवेदन कहां उपलब्ध होगा (हम इसे संपर्क में हथौड़ा करते हैं), उसके बाद रेल

 localtunnel 3000 This localtunnel service is brought to you by Twilio. Port 3000 is now publicly accessible from http://4v9p.localtunnel.com ... rails s 

हम फेसबुक के समान मॉडल और नियंत्रक के लिए vkontakte विधि का उपयोग करते हैं, (मैं ध्यान देता हूं कि संपर्क जानकारी सुरक्षा नीति के अनुसार, मेल पते नहीं दिए गए हैं, इसलिए सत्यापन के साथ संघर्ष नहीं करने के लिए, उपयोगकर्ता बनाते समय, मैं फ़ॉर्म के सरोगेट पते बनाता हूं: डोमेन + @ vk.com) :

 class User < ActiveRecord::Base devise :database_authenticatable, :registerable, :recoverable, :rememberable, :trackable, :validatable, :omniauthable attr_accessible :email, :password, :password_confirmation, :remember_me attr_accessible :nickname, :provider, :url, :username def self.find_for_facebook_oauth access_token if user = User.where(:url => access_token.info.urls.Facebook).first user else User.create!(:provider => access_token.provider, :url => access_token.info.urls.Facebook, :username => access_token.extra.raw_info.name, :nickname => access_token.extra.raw_info.username, :email => access_token.extra.raw_info.email, :password => Devise.friendly_token[0,20]) end end def self.find_for_vkontakte_oauth access_token if user = User.where(:url => access_token.info.urls.Vkontakte).first user else User.create!(:provider => access_token.provider, :url => access_token.info.urls.Vkontakte, :username => access_token.info.name, :nickname => access_token.extra.raw_info.domain, :email => access_token.extra.raw_info.domain+'@vk.com', :password => Devise.friendly_token[0,20]) end end end 

नियंत्रक कोड:

 class Users::OmniauthCallbacksController < ApplicationController def facebook @user = User.find_for_facebook_oauth request.env["omniauth.auth"] if @user.persisted? flash[:notice] = I18n.t "devise.omniauth_callbacks.success", :kind => "Facebook" sign_in_and_redirect @user, :event => :authentication else flash[:notice] = "authentication error" redirect_to root_path end end def vkontakte @user = User.find_for_vkontakte_oauth request.env["omniauth.auth"] if @user.persisted? flash[:notice] = I18n.t "devise.omniauth_callbacks.success", :kind => "Vkontakte" sign_in_and_redirect @user, :event => :authentication else flash[:notice] = "authentication error" redirect_to root_path end end end 

बेशक, DRY का उपयोग करके, इस कोड को सामान्यीकृत किया जा सकता है।
आवेदन ही:

---

निष्कर्ष

जैसा कि हमने देखा, फेसबुक और संपर्क के माध्यम से प्रमाणीकरण के साथ रेल पर एक एप्लिकेशन बनाना बहुत सरल है।
एक वर्किंग डेमो यहाँ है: http://authproviders.herokuapp.com/
उदाहरण कोड: https://github.com/mystdeim/Authproviders
यहां कुछ उपयोगी लिंक दिए गए हैं:

• http://railsapps.github.com/rails-examples-tutorials.html - डेमो अनुप्रयोगों में ज्यादातर वसीयत और अपवित्रता का उपयोग किया जाता है
• http://www.communityguides.eu/articles/11 विभिन्न प्रदाताओं का उपयोग करके एक व्यक्ति के कई खातों के संयोजन के लिए एक अच्छा समाधान है (यह आवश्यक है कि एक ही मेल हो, दुर्भाग्य से, संपर्क के साथ चाल काम नहीं करेगी)

PS यह मेरा पहला लेख है, कलम की एक परीक्षा, आप कह सकते हैं।

यूपी: केई और आईडी एप्लिकेशन की कुंजी को अलग रखना बेहतर है ताकि वे गलती से रिपॉजिटरी http://habrahabr.ru/post/142128/#comment_4757653 पर न गिरें