Laravel(APIモード)でfetch APIを使ってフロントとの通信を行う際に、認証を要するアクションでAuthorization: Bearer ${token}を使って認証を行う機会があり、そもそもBearer認証とは？という疑問から今回の記事を投稿するに至りました！
参考：【入門】認証方式とサーバーの設定をわかりやすく解説
参考：トークンを利用した認証・認可 API を実装するとき Authorization: Bearer ヘッダを使っていいのか調べた
参考：一番分かりやすい OAuth の説明
認証の種類について
たくさんあります。
- セッション
- リクエストにトークンを含める
- ヘッダにトークンを含める
- Authorizationヘッダでの認証
- JWT認証
今回はwebサービスにおいてよく使われるタイトルの認証方法についてまとめたいと思います。
Bearer（アクセストークン認証）
ログイン・パスワードでユーザー認証を行った際に、認可サーバーから発行されるアクセストークンを使って、APIのリクエスト時にAuthorizationヘッダにアクセストークンを含めて送信します。
Bearer認証の流れ
- クライアントがログイン時にサーバーはアクセストークンを発行
- 発行されたトークンをクライアントのブラウザ内のsessionStrageかlocalStrageに保存
- ページへのアクセス時にAuthorizationヘッダにトークンセットし、サーバーにRequest送信(下記コード参照)
- サーバーはトークンを確認し、有効ならリクエストされたページをレスポンス
認証に失敗するとサーバーは401 Unauthorizedを送信する。
トークンの形式はtoken68の形式で指定することが定められています。
// SessionStrageからトークンを取得し、変数に代入
const token = sessionStorage.getItem('access_token');
fetch("/api", {
method: 'GET',
// トークンを送信
headers: {
Authorization: `Bearer ${token}`
}
})
.then.......
発行したトークンはクライアント側がlocalStrageかsessionStrage、サーバー側はDBにそれぞれ保存します。
Basic認証
AuthorizationヘッダにIDとPASSをセットし、Base64でエンコードした上で送信する方法。認証に成功すると認証情報がキャッシュに保存されます。
Basic認証の流れ
- クライアントがIDとPASSを入力
- Base64でエンコードしてサーバーに送信
- サーバーはデータをBase64でデコードして認証を行う
- 認証が成功するとサーバーからクライアントに要求されたページを送信
- ブラウザは認証状態をキャッシュし、キャッシュクリアされるまで認証状態が継続される
Base64はデコードすれば簡単にIDとPASSが見れるため、脆弱性を含んでいます。しかし、この問題はHTTPS通信(SSL/TLSを用いてデータを暗号化)でカバーすることが可能です。
Basic認証単体ではログアウト機能の実装ができません。後述するForm認証(後述)によって、ログアウト機能を実装することが可能です。
Digest認証
Basic認証の脆弱性を改善した認証方式だが、HTTP通信に有効な方法であるため、HTTPS通信が主流の現代においてはBasic認証の方が利用されます。
Digest認証の流れ
- サーバーがランダムな文字列を生成し、クライアントに送信
- クライアントがIDとPASSを入力
- ランダムな文字列とPASSをAuthorizationヘッダにセットし送信
- サーバーがデータが正しいか確認し、認証を行う
Form認証
前提として、Form認証はHTTPの仕様にはない認証方式です。つまり、アプリケーション側で実装する方法です。
認証に成功すると、ブラウザ内のSessionにセッションIDを保存することでログイン状態を管理します。
Basic認証との違いは、ログアウト機能、シングルサインオン機能が実装できる点です。
Form認証の流れ
- クライアントがHTMLフォーム画面にIDとPASSを入力し、サーバーへ送信(平文での送信のため、HTTPS通信が必須)
- サーバーは内容を検証後、正しければセッション管理を開始しブラウザにセッションIDを返却
- クライアントはセッションIDが有効な期間ログイン状態を維持することが可能