小程序卡券簽名錯誤的解決方案

時間 2019-11-12

標籤程序簽名錯誤解決方案简体版

原文原文鏈接

這個問題我相信不少人都碰到過，我也不另外。遇到這個問題的時候，也上網搜索過，惋惜，網上的答案都是千篇一概，沒辦法我只能仔細研究官方文檔。最終，讓我搞定了這個問題。各位網友，只要你按照個人步驟走下去，100%包你過。咱們先看一張效果圖：php

下面我先從後端爲你們講解，原理我就不說了，你們本身看官網。因爲個人後端用的是PHP，所以使用的是thinkphp5來實現這個功能，不懂thinkphp5的朋友能夠去網上惡補一下，後期我會單獨推出hinkphp5開發視頻，我會盡最大努力能讓你們看懂。在這裏須要重點說明一下，必定要把小程序與微信公衆號綁定在一塊兒。這個能夠經過微信公衆號內「綁定小程序」功能來實現。html

1、獲取access_token前端

    public function getAccessToken() {
        $appId = '微信公衆號的APPID'; //注意，這裏不是微信小程序的APPID
        $secret = '微信公衆號的secret'; //注意，這裏也不是微信小程序的secre
        /*以上兩個參數，是在微信公衆號的基本配置裏面查看
          注意：這個accesstoken必定要緩存起來，由於它有時效性（7200秒）
        */
        $access_token = Catch::get('access_token');
        if ($access_token) {
            return $access_token;
        } else {
            $timeout = 5;
            $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" . $appId . "&secret=" . secret;
            $curl = curl_init();
            curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
            curl_setopt($curl, CURLOPT_URL, $url);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, $timeout);
            //獲取access_token和openid,轉換爲數組
            $access = json_decode(curl_exec($curl), true);
            Cache::set('access_token', $access['access_token'], 7200);
            return $access['access_token'];
        }
    }

2、獲取卡券的ticketthinkphp

     * 獲取卡券ticket
     * @return mixed|string
     */
    public function getCardApiTicket() {
        $api_ticket = Cache::get('card_api_ticket');
        if ($api_ticket) {
            return $api_ticket;
        } else {
            $token = $this->getAccess_token();  //上一步獲得的access_token
            $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=" . $token . "&type=wx_card";
            $api_ticket = $this->request_Get($url);
            $res = json_decode($api_ticket, true);
            Cache::set('card_api_ticket',$res['ticket'],7200);
            return $res['ticket'];
        }
    }

/***
 * GET方法
 * @param $url
 * @return mixed
 */
public function request_Get($url){
    $curl = curl_init();
    $timeout = 5;
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($curl,CURLOPT_URL,$url);
    curl_setopt($curl,CURLOPT_RETURNTRANSFER,1);
    curl_setopt($curl, CURLOPT_CONNECTTIMEOUT, $timeout);
    $tmpInfo = curl_exec($curl);     //返回api的json對象
    //關閉URL請求
    curl_close($curl);
    return $tmpInfo;    //返回json對象
}

3、卡券簽名json

/**     
     * 獲取卡券簽名     
     * @param $timestamp int 時間戳     
     * @param $api_ticket string 卡券ticket     
     * @param $noncestr string 隨機字符串，由開發者設置傳入，增強安全性（若不填寫可能被重放請求）。隨機字符串，不長於 32 位     
     * @param $card_id string 卡券ID     
     * @param $openid string 用戶的微信小程序openid    
     * * @param $code string 卡的編號     
     * @return array     
     */   
    public function cardSignature($timestamp, $api_ticket, $noncestr, $card_id, $openid, $code){       
        $arr = array();        
        $arr['timestamp'] = $timestamp;        
        $arr['code'] = $code;        
        $arr['nonce_str'] = $noncestr;        
        $arr['ticket'] = $api_ticket;        
        $arr['openid'] = $openid;        
        $arr['card_id'] = $card_id;
        //根據官網說明，卡券簽名須要的參數有：timestamp（時間戳）,code（卡的編號），nonce_str（隨機字符串），ticket（卡券ticket），openid（用戶的openid），card_id（卡券的ID）
        sort($arr, SORT_STRING); //排序，這一步必定要有，不然會不成功
        $str = '';        
        foreach ($arr as $v) {            
            $str .= $v;        
        }//經過foreach組裝成字符串
       $signature = sha1($str); //最後經過sha1生成簽名
      return array('code' => $code,'openid' =>$openid,'timestamp'=>$timestamp,'nonce_str'=>$noncestr,'signature'=>$signature);   
    }

4、獲取卡券小程序

 /**     
     * 獲取用戶卡券     
     * @return mixed    
     * */    
    public function getUserCard() {        
        $openid = input('openid'); //前端傳的參數
        $token = $this->getAccess_token(); //這裏就是以前獲取的access_token
       $url = "https://api.weixin.qq.com/card/user/getcardlist?access_token=" . $token; //調用接口憑證
       $data = array();        
       $data['openid'] = $openid;        
       $dataRes = $this->request_post($url, json_encode($data));        
       $res = json_decode($dataRes,true);               
       if ($res['errcode'] == 0) {            
           //成功
           $list = array();            
           $timestamp = time(); //時間戳
           $card_ticket = $this->getCardApiTicket(); //獲取卡券API_ticket
           $nonce_str = $this->generateNonceStr(); //隨機字符串
           foreach ($res['card_list'] as $k => $val) {                
               $result = $this->cardSignature($timestamp,$card_ticket,$nonce_str,$val['card_id'],$openid,$val['code']);                
               $list['cardId'] = $val['card_id'];                
               $list['cardExt'] = json_encode($result);            
           }           
           return $this->resMap(200, $list, $list);       
       } else {            
           return $this->resMap(4002,'暫時沒有數據','暫時沒有數據');        
       }    
    } 
/**
 * 發送post請求
 * @param string $url
 * @param string $param
 * @return bool|mixed
 */
public function request_post($url = '', $param = '')
{
    if (empty($url) || empty($param)) {
        return false;
    }
    $postUrl = $url;
    $curlPost = $param;
    $ch = curl_init(); //初始化curl
    curl_setopt($ch, CURLOPT_URL, $postUrl); //抓取指定網頁
    curl_setopt($ch, CURLOPT_HEADER, 0); //設置header
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); //要求結果爲字符串且輸出到屏幕上
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);
    curl_setopt($ch, CURLOPT_POST, 1); //post提交方式
    curl_setopt($ch, CURLOPT_POSTFIELDS, $curlPost);
    $data = curl_exec($ch); //運行curl
    curl_close($ch);
    return $data;
}


/**
 * 密碼字符集
 * @param int $length
 * @return string
 */
public function generateNonceStr($length=16){
    // 密碼字符集，可任意添加你須要的字符
    $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    $str = "";
    for($i = 0; $i < $length; $i++)
    {
        $str .= $chars[mt_rand(0, strlen($chars) - 1)];
    }
    return $str;
}

    /**
     * 返回提示信息
     * @param $code string 錯誤碼  4001 空值  4002 格式不正確  4003 長度  4004 提示  200正確放回 ,0失敗
     * @param $msg string 錯誤描述
     * @param $data string 返回值
     * @return array
     */
    public function resMap($code, $msg, $data)
    {
        $map = array();
        $map['errMsg'] = $msg;
        $map['data'] = $data;
        $map['errCode'] = $code;
        return json($map);
    }

以上就是後端的核心代碼，下面咱們來看看前端如何調用後端

1、獲取用戶的openid微信小程序

這裏咱們能夠經過wx.login()方法獲取,參考地址：https://developers.weixin.qq.com/miniprogram/dev/api/api-login.html，而後把openid做爲一個參數傳遞給後端。在這裏我插一句，要想獲取用戶的openid，咱們須要經過wx.login方法日後退傳遞code參數，經過這個參數咱們才能獲取openid，如何操做，咱們會在下一章節詳細講解。包括建表、後端、前端等知識。api

這裏假設咱們已經有了openid,那麼咱們就經過這個openid獲取卡券，我把代碼寫在index.js裏面，具體位置爲onload:function();代碼以下：數組

 onLoad: function (options) {
        let that = this;
        let openid = userInfo.m_openid;
        wx.request({  url: 'https://xxx.com/rest/Card/getUserCard', //僅爲示例，並不是真實的接口地址
        method: 'POST', //POST必定要大寫
        data: {     openid: openid,  },
    header: {      'content-type': 'application/json' // 默認值
        },
    success: function(res) {
            if (res.errCode == 200) {
                //wx.addCard也就是微信小程序的API，地址：https://developers.weixin.qq.com/miniprogram/dev/api/card.html#wxaddcardobject
                wx.addCard({          
                cardList: [res.errMsg],          
                success: function(rs) {            
                    console.log(rs) // 卡券添加結果
                }        
                })      
            }  else {
                // wx.showModal 彈窗
                wx.showModal({          
                title: '提示',          
                content: res.errMsg,          
                showCancel: false,          
                success: function(res) {
                    console.log(res);          
                }        
                })      
            }  
        }})    
},
            }
            }

以上就是解決簽名錯誤的詳細方案，若是還有不明白的地方，你們能夠加入咱們的微信交流羣：731568857，也能夠關注咱們的微信公衆號，你們能夠相互交流。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。