React + APIでFacebookのOAuth認証を実装した

class RequireAuth extends React.Component {

  static contextType = AppContext;

  async componentDidMount() {
    const { user } = this.context;
    // user情報が取得できていない場合は未認証
    // hrefをbackendのurlに変更し、サインインへのGETリクエストを飛ばす。
    if (!user.id) {
      window.location.href = "/users/sign_in";
    }
  }

  render() {
    const { user } = this.context;
    if (!user.id) {
      return (<Loading/>);
    }
    const { children } = this.props;
    return (
      <React.Fragment>
        {children()}
      </React.Fragment>
    );
  }
}

# ログインの前処理を行うコントローラーです。
#
# あ、自己紹介が遅れましたがTIS 西日本テクノロジー＆イノベーション室の谷です。
# ずっとSIでアプリや基盤のコードを書いていましたが、2019年～サービス開発のお手伝いもするようになりました。
class Users::SignInController < ApplicationController

  def index
    # ログイン後のリダイレクト先にするため、リファラーをセッションへ格納します
    login_referer = request.headers[:referer]
    if current_user then
      # 既にログイン済みの場合は元の画面かホーム画面へリダイレクト
      if login_referer then
        redirect_to login_referer
      else
        redirect_to home
      end
    else
      # 未ログインならリファラーをセッションへ格納してログイン画面へリダイレクト
      session[:login_referer] = login_referer
      redirect_to "/users/auth/facebook"
    end
  end
  ## 中略
end

# 認証後のcallback時に処理を追加するためを拡張する
class Users::OmniauthCallbacksController < Devise::OmniauthCallbacksController
  def facebook
    do_callback request.env["omniauth.auth"]
  end

  private

  def do_callback(omniauth)
    uid = omniauth.uid
    provider = omniauth.provider
    user = UserAuth.where(uid: uid, provider: provider).first
    if user then
      sign_in user
      # リファラーがあればそこへリダイレクト、なければホームへリダイレクト
      login_referer = session[:login_referer]
      if login_referer then
        session[:login_referer] = nil
        redirect_to login_referer
      else
        redirect_to home
      end
    else
      # ユーザー登録の場合はセッションにOAuthログイン情報をセットして登録画面へリダイレクト
      redirect_to registration
    end
  end