使用Ionic登录fb的Rails API

时间:2016-03-23 12:33:24

标签: ruby-on-rails facebook ionic-framework omniauth rails-api

我想使用离子框架为fb登录构建一个rails api。到目前为止,我已成功创建了一个网络基础应用程序,并且已成功通过Facebook进行身份验证。

现在我想用基于离子的应用程序做同样的事情。

有问题吗?

  1. 是否可以使用omniauth编写rails api并使用带有离子的fb身份验证API。
  2. 如果它(1)可能是什么样的json请求被发出或返回。
  3. 无法在网上找到任何关于它的内容,也没有任何关于使用ionic(fb登录)的rails的github项目。

    我的当前代码:

    控制器:

      class SessionsController < ApplicationController
      def create
        user = User.from_omniauth(env["omniauth.auth"])
        session[:user_id] = user.id
        redirect_to root_url
    
    
      end
    
      def destroy
        session[:user_id] = nil
        redirect_to root_url
      end
    end
    

    型号:

    class User < ActiveRecord::Base
      def self.from_omniauth(auth)
        where(provider: auth.provider, uid: auth.uid).first_or_initialize do |user|
          user.provider = auth.provider
          user.uid = auth.uid
          user.name = auth.info.name
          user.oauth_token = auth.credentials.token
          user.oauth_expires_at = Time.at(auth.credentials.expires_at)
          user.save!
        end
      end
    end
    

    初​​始化器:

    OmniAuth.config.logger = Rails.logger
    Rails.application.config.middleware.use OmniAuth::Builder do
      provider :facebook, "123", "abc"
    end
    

1 个答案:

答案 0 :(得分:2)

我不确定它是否可能......但我认为你不应该使用相同的逻辑。

Rails facebook omniauth flow是基于会话的,而Ionic app主要是&#34;访问令牌&#34;基于你公开一个带有身份验证的Rails API。

此外,在Ionic中您有一些优势:您可以使用Ionic Native Facebook Connect Plugin访问本地Facebook登录,这为已安装Facebook的用户提供了更好的用户体验。

我遇到了同样的问题,我完成的工作是首先了解身份验证如何适用于单页应用。为此,我建议您阅读"Authentication for single single page apps"

我的最终解决方案如下:

enter image description here

我使用的工具:

您可以在https://github.com/muZk/rails5-api-jwt-facebook-auth

上看到一个示例rails应用程序,用于检索有效的JWT令牌,并提供有效的facebook身份验证令牌

创建后端后,Ionic部分应该是这样的:

this.fb.login(['public_profile', 'user_friends', 'email'])
  .then((res: FacebookLoginResponse) => post('your-rails-backend.com/api/auth/facebook', { access_token: FacebookLoginResponse.accessToken }))
  .then(res => console.log('This is your JWT for your rails API:', res.accessToken))

我知道这不是复制粘贴解决方案,但我希望我能帮助您解决一些问题。