Twitter 認証と JWT でログイン機能を実装した話 - atuweb 開発ブログ

Atuweb が開発した SPA サイトにログイン機能追加を行いました。 Overview Laravel と Vue.js で実装したサイトに Twitter 連携を実装し、Twitter のプロフィールをユーザ情報として利用する 大雑把な処理の流れは次です。 フロントから Twitter の認証へ飛ばし、認証結果によって JWT トークンを発行 サーバからフロントエンドにトークンを引き渡し フロントエンドからのリクエストにトークンを付加し、バックエンドで認証を行う 環境 PHP 7.0 Laravel 5.4 Vue.js 2.2.x npm 4.5.x Twitter連携 技術書サイトでは、thujohn/twitterを利用しております。 処理フローは次の通りです。 技術書サイトより Twitter 側の認証画面にリダイレクト Twitter上で ID/Password を入力する