小程序實現(xiàn)Token生成與驗證

更新時間：2021年12月10日 09:53:59 作者：紅塵煉煉心

本文主要介紹了小程序實現(xiàn)Token生成與驗證，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

流程

每次請求接口攜帶token，進行驗證
1.驗證成功則返回接口數(shù)據(jù)
2.驗證失敗(token過期)，小程序重新請求生成新的token，然后請求之前的接口

key值: 隨機數(shù)+時間戳+鹽
value值: id+session_key+openid

演示

小程序端

<view>
  <button bindtap="loadToeknData">攜帶token請求數(shù)據(jù)</button>
</view>

Page({
  data: {
  },
 
  onLoad:function(){
    // this._loadData();
  },
 
  //生成token
  setToken:function(callback){
    // wx.setStorageSync('token', "sfspx64w8x47w14x3zX4x4wf4")
    var that = this;
    wx.request({
      url: 'http://2021xcx-api.com/api/gettoken',
      method: 'POST',
      success: function(res){
        console.log(res.data);
        var data = res.data;
        if(data.code==1){
          //更新新獲取的token值
          wx.setStorageSync('token', data.token);
          // 執(zhí)行回調函數(shù)
          callback&&callback()
        }else{
          that.setToken();
        }
      }
    })
  },
 loadToeknData:function(){
   var that = this;
    wx.request({
      url: 'http://2021xcx-api.com/api/orders',
      method: 'POST',
      header: {
        'content-type': 'application/json',
        'token': wx.getStorageSync('token')
      },
      success: function(res){
        var data = res.data;
        console.log(data)
        if(data.code==903){
          // token過期，重新請求設置
          // 攜帶回調函數(shù)，token重新獲取后繼續(xù)執(zhí)行此方法。
          that.setToken(that.loadToeknData)
        }
      }
    })
  },
})

??

后端接口

路由配置

<?php
Route::post("api/orders", "api/index/getOrders");
// Token
Route::post("api/gettoken", "api/token/createToken");

Index.php

<?php
namespace app\api\controller;
use app\api\controller\Token;
use think\Cache;
 
class Index extends Token
{
    public function getOrders(Token $token){
        $token->verifyToken();
 
        $data['orders'] = [
            'id' => 1,
            'title' => 'apple',
            'time' => time()
        ];
        echo json_encode($data);
 
    }
}

Token.php

<?php
namespace app\api\controller;
use think\Controller;
 
class Token extends Controller
{
    protected $returnParam = [
        'code' => 1,
        'msg' => '請求失敗'
    ];
 
    /**
     * [verifyToken 驗證Token是否攜帶并存在]
     * @return [type] [description]
     */
    public function verifyToken(){
        $token = request()->header()['token'];
        $isSetToken = cache($token);
        // dump($isSetToken);die;
        if(!$isSetToken){
            $this->returnParam['code'] = 903;
            $this->returnParam['msg'] = "Token驗證失敗";
            echo json_encode( $this->returnParam );die;
        }
    }
    
    /**
     * [createToken Token生成]
     * tip：token中記錄用戶ID/session_kye/openid
     * @return [type] [description]
     */
    public function createToken()
    {
        $randStr = rand(1,9999);
        $time = time();
        $sale = "xixi2021";
 
        // * 此處模擬--未請求微信接口進行sessionkey及openid的獲取
        $tokenValue = [
            'uid' => 1,
            'session_key' => '84848aasa',
            'openid' => '20oxl65wc4d4s5x7hwc',
            'code' => 'sssaaeee'
        ];
        $tokenKey = md5($randStr.$time.$sale);
        //緩存存儲token數(shù)據(jù)
        cache($tokenKey, json_encode($tokenValue), 1);
 
        $returnParam = [
            'code' => 1,
            'token' => $tokenKey
        ];
        echo json_encode($returnParam);
    }
   
}