JWT登入認證實戰模擬流程全紀錄

經過php小編香蕉精心整理，我們為大家介紹一款熱門的實戰開發模擬過程全紀錄－JWT登入認證實戰模擬。 JWT（JSON Web Token）是一種用於認證的開放標準，它透過在使用者登入成功後產生一個令牌（Token），使用者在後續的請求中攜帶這個令牌來進行身份認證。本文將深入剖析JWT登入認證的實現過程，並提供全面的實戰演示錄音，在這個過程中，我們將帶您了解JWT的原理以及如何在實際開發中應用。無論你是初學者還是有經驗的開發者，都能從本文中獲得有價值的知識和實戰經驗。

Token 認證流程

• 作為目前最受歡迎的跨領域認證解決方案，JWT（JSON WEB Token）深受 開發者的喜愛，主要流程如下：
• 客戶端發送帳號和密碼請求登入
• 服務端收到請求，驗證帳號密碼是否透過
• 驗證成功後，服務端會產生唯一的token，並將其傳回給客戶端
• 客戶端接受到token，將其儲存在cookie 或localStroge 中
• 之後每一次客戶端向服務端發送請求，都會透過cookie 或header 攜帶該token

• 服務端驗證token 的有效性，透過才回傳回應的資料

Token 認證優點

• 支援跨網域存取：Cookie 是不允許跨網域存取的，這一點對Token 機制是不存在的，前提是傳輸的使用者認證資訊透過Http 頭傳輸
• 無狀態： Token 機制在服務端不需要儲存session 訊息，因為Token 本身包含了所有登入使用者的信息，只需要在客戶端的cookie 或本地媒體儲存狀態資訊
• 適用性更廣： 只要是支援http 協定的客戶端，就可以使用token 認證。
• 無須考慮CSRF： 由於不再依賴cookie，所以採用token 認證方式不會發生CSRF，所以也就不需要考慮CSRF 的防禦

JWT 結構

• #一個JWT 其實就是一個字串，它由三個部分組成：頭部、載重與簽章。中間用點 . 分隔成三個部分。注意 JWT 內部是沒有換行的。

? 頭/ header

header 由兩個部分組成： token 的類型JWT 和演算法名稱：H<strong class="keylink">Mac</strong>、SHA256、RSA

{
"alg": "HS256",
"typ": "JWT"
}

? 載荷/ Payload

#Payload 部分也是<strong class="keylink">js</strong>ON 對象，用來存放實際需要傳遞的資料。 JWT 指定七個預設欄位供選擇。

除了預設字段之外，你完全可以添加自己想要的任何字段，一般用戶登入成功後，就將用戶資訊存放在這裡

iss：發行人
exp：到期時間
sub：主題
aud：使用者
nbf：在此之前不可用
iat：發佈時間
jti：JWT ID用於識別該JWT

{
"iss": "xxxxxxx",
"sub": "xxxxxxx",
"aud": "xxxxxxx",
"user": [
	'username': '极客飞兔',
	'gender': 1,
	'nickname': '飞兔小哥' 
 ] 
}

• ? 簽章/ Signature
• 簽章部分是對上面的頭部、載重兩部分資料進行的資料簽章
• 為了確保資料不會被竄改，則需要指定一個金鑰，而這個金鑰一般只有你知道，並且存放在服務端
• 產生簽章的程式碼一般如下：

// 其中secret 是密钥
String signature = HMACSHA256(base64UrlEncode(header) + "." + base64UrlEncode(payload), secret)

JWT 基本使用

• 客戶端收到伺服器 傳回的JWT，可以儲存在Cookie 裡面， 也可以儲存在localStorage
• 然後客戶端每次與伺服器通信，都要帶上這個JWT
• 把JWT 保存在Cookie 裡面發送請求，這樣不能跨域
• 更好的做法是放在HTTP 請求的頭資訊Authorization 欄位裡面

fetch('license/login', {
	headers: {
		'Authorization': 'X-TOKEN' + token
	}
})

實戰：使用JWT 登入認證

這裡使用Think<strong class="keylink">PHP</strong>6 整合JWT 登入認證進行實戰模擬

? 安裝JWT 擴充功能

composer require firebase/php-jwt

? 封裝產生JWT 和解密方法

<?php


namespace app\services;

use app\Helper;
use Firebase\JWT\JWT;
use Firebase\JWT\Key;

class JwtService
{
protected $salt;

public function __construct()
{
//从配置信息这种或取唯一字符串，你可以随便写比如md5('token')
$this->salt = config('jwt.salt') || "autofelix";
}

// jwt生成
public function generateToken($user)
{
$data = array(
"iss" => 'autofelix',//签发者 可以为空
"aud" => 'autofelix', //面象的用户，可以为空
"iat" => Helper::getTimestamp(), //签发时间
"nbf" => Helper::getTimestamp(), //立马生效
"exp" => Helper::getTimestamp() + 7200, //token 过期时间 两小时
"user" => [ // 记录用户信息
'id' => $user->id,
'username' => $user->username,
'truename' => $user->truename,
'phone' => $user->phone,
'email' => $user->email,
'role_id' => $user->role_id
]
);
$jwt = JWT::encode($data, md5($this->salt), 'HS256');
return $jwt;
}

// jwt解密
public function chekToken($token)
{
JWT::$leeway = 60; //当前时间减去60，把时间留点余地
$decoded = JWT::decode($token, new Key(md5($this->salt), 'HS256'));
return $decoded;
}
}

? 使用者登入後，產生JWT 識別碼

#

<?php
declare (strict_types=1);

namespace app\controller;

use think\Request;
use app\ResponseCode;
use app\Helper;
use app\model\User as UserModel;
use app\services\JwtService;

class License
{
public function login(Request $request)
{
$data = $request->only(['username', 'passWord', 'code']);

// ....进行验证的相关逻辑...
$user = UserModel::where('username', $data['username'])->find();
		
		// 验证通过生成 JWT, 返回给前端保存
$token = (new JwtService())->generateToken($user);

return json([
'code' => ResponseCode::SUCCESS,
'message' => '登录成功',
'data' => [
'token' => $token
]
]);
}
}

? 中間件驗證使用者是否登入

#在middleware.php 註冊中介軟體

<?php
// 全局中间件定义文件
return [
	// ...其他中间件
// JWT验证
\app\middleware\Auth::class
];

註冊中間件後，在權限驗證中介軟體中完善驗證邏輯

<?php
declare (strict_types=1);

namespace app\middleware;

use app\ResponseCode;
use app\services\JwtService;

class Auth
{
private $router_white_list = ['login'];

public function handle($request, \Closure $next)
{
if (!in_array($request->pathinfo(), $this->router_white_list)) {
$token = $request->header('token');

try {
	// jwt 验证
$jwt = (new JwtService())->chekToken($token);
} catch (\Throwable $e) {
return json([
'code' => ResponseCode::ERROR,
'msg' => 'Token验证失败'
]);
}

$request->user = $jwt->user;
}

return $next($request);
}
}

附：为什么使用jwt而不使用session

• session是将客户端数据储存在服务器的内存，当客服端的数据过多，服务器的内存开销大；
• session的数据储存在某台服务器，在分布式的项目中无法做到共享；
• jwt的安全性更好。

总而言之，如果使用了分布式，切只能在session和jwt里面选的时候，就一定要选jwt。

以上是JWT登入認證實戰模擬流程全紀錄的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱門文章

擊敗分裂小說需要多長時間？

3 週前 By DDD

倉庫：如何復興隊友

3 週前 By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island冒險：如何獲得巨型種子

3 週前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）

1 週前 By 尊渡假赌尊渡假赌尊渡假赌

公眾號網頁更新緩存難題：如何避免版本更新後舊緩存影響用戶體驗？

3 週前 By 王林

顯示更多

熱門工具標籤

代碼&IT

音訊

商業

行銷

AI檢測器

聊天機器人

設計與藝術

熱門文章

擊敗分裂小說需要多長時間？

3 週前 By DDD

倉庫：如何復興隊友

3 週前 By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island冒險：如何獲得巨型種子

3 週前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.能量晶體解釋及其做什麼（黃色晶體）

1 週前 By 尊渡假赌尊渡假赌尊渡假赌

公眾號網頁更新緩存難題：如何避免版本更新後舊緩存影響用戶體驗？

3 週前 By 王林

顯示更多

熱門文章標籤

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

gmail信箱登陸入口在哪裡

7137

9

Java教學

1534

14

Laravel 教程

1257

25

PHP教程

1205

29

CakePHP 教程

1155

46

顯示更多

Related knowledge

PHP將行格式化為 CSV 並寫入檔案指針 Mar 22, 2024 am 09:00 AM

PHP將行格式化為 CSV 並寫入檔案指針

PHP改變當前的 umask Mar 22, 2024 am 08:41 AM

PHP改變當前的 umask

PHP建立一個具有唯一檔案名稱的文件 Mar 21, 2024 am 11:22 AM

PHP建立一個具有唯一檔案名稱的文件

PHP計算檔案的 MD5 雜湊 Mar 21, 2024 pm 01:42 PM

PHP計算檔案的 MD5 雜湊

PHP會傳回上一個 MySQL 操作中的錯誤訊息的數位編碼 Mar 22, 2024 pm 12:31 PM

PHP會傳回上一個 MySQL 操作中的錯誤訊息的數位編碼

PHP將檔案截斷到給定的長度 Mar 21, 2024 am 11:42 AM

PHP將檔案截斷到給定的長度

PHP傳回一個鍵值翻轉後的陣列 Mar 21, 2024 pm 02:10 PM

PHP傳回一個鍵值翻轉後的陣列

PHP獲得圓周率 Mar 21, 2024 pm 01:52 PM

PHP獲得圓周率

See all articles