使用Ionic登录fb的Rails API

Nap*_*ter 10 facebook ruby-on-rails omniauth rails-api ionic-framework

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

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

有问题吗?

  1. 是否可以使用omniauth编写rails api并使用带有离子的fb身份验证api.
  2. 如果它(1)可能是要做出或返回什么样的json请求.

无法在网上找到关于它的任何内容,也没有找到任何带离子的导轨的github项目(fb登录).

我目前的代码:

控制器:

  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
Run Code Online (Sandbox Code Playgroud)

模型:

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
Run Code Online (Sandbox Code Playgroud)

初始化:

OmniAuth.config.logger = Rails.logger
Rails.application.config.middleware.use OmniAuth::Builder do
  provider :facebook, "123", "abc"
end
Run Code Online (Sandbox Code Playgroud)

muZ*_*uZk 2

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

Rails facebookomniauth 流程是基于会话的,而 Ionic 应用程序主要是基于“访问令牌”的,即您公开带有身份验证的 Rails API。

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

我遇到了同样的问题,我完成的工作是首先了解身份验证如何适用于单页应用程序。为此,我建议您阅读“单页应用程序的身份验证”

我的最终解决方案如下所示:

在此输入图像描述

我使用的工具:

您可以在https://github.com/muZk/rails5-api-jwt-facebook-auth上查看一个示例 Rails 应用程序,用于在给定有效 facebook 身份验证令牌的情况下检索有效的 JWT 令牌

创建后端后,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))
Run Code Online (Sandbox Code Playgroud)

我知道这不是复制粘贴解决方案,但我希望我对您的问题有所帮助。