Как использовать devise-jwt с devise для входа, регистрации и выхода в rails api

Question

Я использую рельсы для бэкенда, используя devise-jwt и реагирую на интерфейсную часть.

Я слежу за этим https://github.com/waiting-for-dev/devise-jwt/blob/master/README.md

myФайл rout.rb содержит:

 Rails.application.routes.draw do
  # remove this in production
  require 'sidekiq/web'
  mount Sidekiq::Web => '/sidekiq'

  namespace :api, defaults: { format: 'json' } do
    namespace :v1 do
      devise_for :users, :controllers => {sessions: 'api/v1/sessions', registrations: 'api/v1/registrations'}
    end
  end
end

my registrations_controller.rb (app / controllers / api / registrations_controller.rb)

class Api::V1::RegistrationsController < Devise::RegistrationsController
  respond_to :json, :controllers => {sessions: 'sessions', registrations: 'registrations'}

  before_action :sign_up_params, if: :devise_controller?, on: [:create]

  def create
    build_resource(sign_up_params)

    if resource.save
      render :json => resource, serializer: Api::V1::UserSerializer, meta: { message: 'Sign up success', token: request.headers["Authorization"] }, :status => :created
    else
      render :json => resource, adapter: :json_api, serializer: ActiveModel::Serializer::ErrorSerializer, meta: { message: 'Sign up success' }, :status => :created
    end
  end


  protected

  def sign_up_params
    params.require(:sign_up).permit(:first_name, :last_name, :mobile, :email, :password, :password_confirmation)
  end
end

my session_controller.rb (приложение / контроллеры/api/sessions_controller.rb)

class Api::SessionsController < Devise::SessionsController  
  respond_to :json
end

my application_controller.rb (app / controllers / application_controller.rb)

class ApplicationController < ActionController::Base
end

По сути, что будет следующим шагом для получения токена.Я сбит с толку.Как я получу токен доступа и использую его для аутентификации в ответной части внешнего интерфейса.

Answer 1

Если у вас есть настройки на стороне сервера, ответ будет содержать Authorization Header.

. На внешнем интерфейсе вы сделаете запрос на вход в систему и получите обратный вызов для отлова ответа:

 window.fetch(LOGIN_URL, dataWithLoginInfo).then(response => {
    const jwt = response.headers.get('Authorization').split('Bearer ')[1];
    window.sessionStorage.setItem('jwt', jwt);
  }).catch(handleError)

Затем выполните запросы с включенным заголовком Authorization:

const token =  window.sessionStorage.getItem('jwt')
const headers = { Authorization: `Bearer ${token}` }

или используйте его в своем приложении после его декодирования:

import jwt from 'jsonwebtoken';
const decodedToken = jwt.decode(window.sessionStorage.getItem('jwt'));

if (decodedToken.isAdmin) {
  return <AdminPage />;
} else {
  return <NotAdminPage />;
}

You 'Я буду использовать что-то вроде https://www.npmjs.com/package/jwt-decode или https://www.npmjs.com/package/jsonwebtoken для декодирования токена и считывания с него информации, такой как идентификатор, роли, разрешения и т. д.

Вам действительно нужно следовать учебному пособию, например: https://auth0.com/blog/secure-your-react-and-redux-app-with-jwt-authentication/ или http://jasonwatmore.com/post/2017/12/07/react-redux-jwt-authentication-tutorial-example. Затем попросите местного специалиста взглянуть на весь ваш код.