先体验下：
登录页面
image.png
用户名：admin 密码：123
登录->
image.png
复制获取到的token，点击跳转到主界面：
image.png
将复制的token放入输入框中。
点击测试获取业务数据：
即可获取到用户信息以及token过期时间之类的东西：
image.png
一旦过期则会提示：
image.png
实际业务中可以直接返回 错误信息JSON 给前端。
重点：↓ code ↓
1. 首先创建前端应用
包含两个页面：
- 1.模拟登录页面：index.html
- 2.业务请求页面：main.html
image.png
index.html核心代码：
<form method="post" action="../jwtback/login.php">
<input type="text" name="username" placeholder="用户名"/>
<br/>
<input type="password" name="password" placeholder="密码">
<br/>
<button type="submit">登录</button>
<button type="reset">重置</button>
</form>
main.html核心代码：
<form action="../jwtback/business.php" method="post">
<input type="text" name="token" placeholder="token"/>
<br/>
<button type="submit">测试获取业务数据</button>
<button type="reset">重填</button>
</form>
2. 后端应用
包含两个业务处理与一个类
- login.php: 处理登录逻辑与JWT token生成；
- business.php: 处理JWT token验证与后续业务数据请求；
- JWT.php: 自定义JWT类，封装了JWT的token生成与验证过程。
login.php核心代码：
include "JWT.php";
if (isset($_POST["username"]) && isset($_POST["password"])){
$un = $_POST["username"];
$ps = $_POST["password"];
echo "前端发送过来的用户名为:$un,密码为:$ps<br/>";
if ($un=="admin" && $ps=="123"){
echo "<h2>登录成功!</h2><br/>";
// 测试1 begin
/*$payload = array('sub'=>'1234567890','name'=>'John Doe','iat'=>1516239022);
$jwt = new Jwt();
$token = $jwt->getToken($payload);
echo "<pre>获取到的token是:<br/><textarea style='width: 250px;height: 200px;'>$token</textarea><br/>";*/
// 测试2 begin
$payload_test=array('iss'=>'admin','iat'=>time(),'exp'=>time()+300,'nbf'=>time(),'sub'=>'www.admin.com','jti'=>md5(uniqid('JWT').time()));
$token_test=Jwt::getToken($payload_test);
echo "<pre>获取到的token_test是:<br/><textarea style='width: 250px;height: 200px;'>$token_test</textarea><br/>";
echo "<a href='../jwtfront/main.html'>跳转到主界面</a><br/>";
}
else
{
echo "<h2>用户名或密码错误!</h2><br/>";
}
}else{
echo "<h1>无效网络访问!</h1><br/>";
}
business.php核心代码：
include_once "JWT.php";
//获取token
//$token = isset($_SERVER['HTTP_AUTHORIZATION']) ? $_SERVER['HTTP_AUTHORIZATION'] : '';
$token = isset($_POST['token']) ? $_POST['token'] : '';
if (!$token) {
invalidToken('Invalid token');
}else{
$jwt = new Jwt();
// 对token进行验证签名
/*$getPayload=$jwt->verifyToken($token);
if (false==$getPayload){
echo "验证token失败";
return;
}
echo "<br><br>";
var_dump($getPayload);
echo "<br><br>";
//测试和官网是否匹配
// 测试1 end
*/
//对token_test进行验证签名
$getPayload_test=Jwt::verifyToken($token);
if (false==$getPayload_test){
echo "验证token失败或其他错误!<br/>";
return;
}
else if(1==$getPayload_test){
echo "token过期,请重新登录获取<br/>";
return;
}
echo "<br><br>";
var_dump($getPayload_test);
echo "<br><br>";
$iat = $getPayload_test["iat"];
$exp = $getPayload_test["exp"];
// Y-m-d H:i:s
// D, d M Y H:i:s
$timeformat = "Y-m-d H:i:s";
$time = date($timeformat,$iat);
echo "token获取时间:\t $time <br/>";
echo "当前时间:\t".date($timeformat,time())."<br/>";
echo "token过期时间:\t".date($timeformat,$exp)."<br/>";
echo "<br><br>返回业务数据JSON给main.html";
// 测试2 end
}
function invalidToken($msg) {
header('HTTP/1.1 403 forbidden');
exit($msg);
}
JWT.php核心代码：
//头部
private static $header=array(
'alg'=>'HS256', //生成signature的算法
'typ'=>'JWT' //类型
);
//使用HMAC生成信息摘要时所使用的密钥
private static $key='123456';
/**
* 获取jwt token
* @param array $payload jwt载荷 格式如下非必须
* [
* 'iss'=>'jwt_admin', //该JWT的签发者
* 'iat'=>time(), //签发时间
* 'exp'=>time()+7200, //过期时间
* 'nbf'=>time()+60, //该时间之前不接收处理该Token
* 'sub'=>'www.admin.com', //面向的用户
* 'jti'=>md5(uniqid('JWT').time()) //该Token唯一标识
* ]
* @return bool|string
*/
public static function getToken(array $payload)
{
if(is_array($payload))
{
$base64header=self::base64UrlEncode(json_encode(self::$header,JSON_UNESCAPED_UNICODE));
$base64payload=self::base64UrlEncode(json_encode($payload,JSON_UNESCAPED_UNICODE));
$token=$base64header.'.'.$base64payload.'.'.self::signature($base64header.'.'.$base64payload,self::$key,self::$header['alg']);
return $token;
}else{
return false;
}
}
/**
* 验证token是否有效,默认验证exp,nbf,iat时间
* @param string $Token 需要验证的token
* @return bool|string
*/
public static function verifyToken($Token)
{
$tokens = explode('.', $Token);
if (count($tokens) != 3)
return false;
list($base64header, $base64payload, $sign) = $tokens;
//获取jwt算法
$base64decodeheader = json_decode(self::base64UrlDecode($base64header), JSON_OBJECT_AS_ARRAY);
if (empty($base64decodeheader['alg']))
return false;
//签名验证
if (self::signature($base64header . '.' . $base64payload, self::$key, $base64decodeheader['alg']) !== $sign)
return false;
$payload = json_decode(self::base64UrlDecode($base64payload), JSON_OBJECT_AS_ARRAY);
//签发时间大于当前服务器时间验证失败
if (isset($payload['iat']) && $payload['iat'] > time())
return false;
//过期时间小宇当前服务器时间验证失败
if (isset($payload['exp']) && $payload['exp'] < time())
return 1;
//该nbf时间之前不接收处理该Token
if (isset($payload['nbf']) && $payload['nbf'] > time())
return false;
return $payload;
}
/**
* base64UrlEncode https://jwt.io/ 中base64UrlEncode编码实现
* @param string $input 需要编码的字符串
* @return string
*/
private static function base64UrlEncode( $input)
{
return str_replace('=', '', strtr(base64_encode($input), '+/', '-_'));
}
/**
* base64UrlEncode https://jwt.io/ 中base64UrlEncode解码实现
* @param string $input 需要解码的字符串
* @return bool|string
*/
private static function base64UrlDecode( $input)
{
$remainder = strlen($input) % 4;
if ($remainder) {
$addlen = 4 - $remainder;
$input .= str_repeat('=', $addlen);
}
return base64_decode(strtr($input, '-_', '+/'));
}
/**
* HMACSHA256签名 https://jwt.io/ 中HMACSHA256签名实现
* @param string $input 为base64UrlEncode(header).".".base64UrlEncode(payload)
* @param string $key
* @param string $alg 算法方式
* @return mixed
*/
private static function signature( $input, $key, $alg = 'HS256')
{
$alg_config=array(
'HS256'=>'sha256'
);
return self::base64UrlEncode(hash_hmac($alg_config[$alg], $input, $key,true));
}
