基于微信簽名signature獲取(實例講解)

更新時間：2017年09月14日 08:57:34 作者：zhangchenguang

下面就為大家?guī)硪黄谖⑿藕灻鹲ignature獲取(實例講解)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

微信分享的簽名算法微信也寫有，主要是調用接口需要使用服務器（微信官方文檔是這么說的，試了下前端居然特么也可以），不過微信的access_token和jsapi_ticket是有使用次數限制的，所以還是用服務器來獲取，得到以后存下來，下次使用判斷超時以后再重新獲取，這樣就夠用了，要不然就會出現接口調用次數超出限制這種尷尬的事情了。

如果需要使用自定義分享文案的時候，服務號或者訂閱號一定要是已認證的（我的是個人類型的訂閱號，不能認證，所以不能使用分享功能）

我這邊用的是node做的后臺，所以代碼用的是js代碼，當然其他的也可以，邏輯都一樣，代碼寫法不一樣而已。

1.首先是公眾號的設置

我這邊申請的是一個訂閱號

首先，要在開發(fā) -> 基本配置下，獲取到自己的開發(fā)者id（appid）和開發(fā)者密碼（AppSecret），這兩個是必須的

然后要在同目錄下的 ip白名單選項里設置好服務器的ip

這樣，基本服務器設置就算完成了。

2.然后就是我們最擅長的事了——寫代碼

根據微信官方文檔，第一步，我們需要拿到access_token，并且這個access_token有7200秒的有效期，所以拿到access_token以后要存在本地（文件存儲或者數據庫存儲都可以，反正存好就行）

具體實現代碼如下

首先需要引入node對應的模塊（mongodb數據庫每次使用還要啟動，我嫌麻煩，所以我這邊用的是文件存儲）

var express=require('express');
var https=require('https');5 var fs = require("fs");
var crypto = require('crypto');

從上往下依次是

express模塊用來創(chuàng)建一個服務器，分別和前端、微信進行接口對接（在這里貌似沒多大用，可以使用http模塊代替）

https模塊用來發(fā)送https請求的一個模塊（微信請求需要使用https請求，http不行）

fs模塊文件操作模塊，如果是用的數據庫就需要換成對應的模塊

crypto模塊加密模塊，微信簽名算法需要使用sha1算法加密，下邊有說到

模塊全部引入，接下來定義一些方便使用的方法

首先，要開啟一個服務器：

app.get("/getconfig",function (req,res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  res.send({
        code:"200",
        data:{},
        result:true
      });
      res.end("");
});
app.listen(8000);

然后定義閱讀和寫入文件的方法

//寫入文件
function whiteFile(obj,callback){
  fs.writeFile(obj.fileName,obj.data,{flag:"w"},function (err) {
    if(err){
      console.error(obj.name+"文件寫入錯誤");
      console.log(err);
      return;
    }
    console.log('文件寫入成功');
    callback(obj.data);
  });
}
//讀取文件信息
function readFile(obj,callback,errback){
  fs.readFile(obj.fileName,"utf-8",function (err,data) {
    if(err){
      console.error(obj.name+"讀取錯誤");
      return errback(callback);
    }
    //console.log(data);
    if(!data){
      errback(callback);
    }else{
      console.log(data);
      callback(data);
    }
  });
}

然后是使用定義一個發(fā)送https請求的方法

//發(fā)送一個http get請求
function sendGetRequest(options,callback){
  var httpReq=https.request(options, function(httpRes) {
    httpRes.on('data',function(chun){
      callback(chun);
    });
    httpRes.on('end',function(){});
  });
  httpReq.on('error',function(err){
    console.log("接口調用失敗");
  });
  httpReq.end();
}

基本需要使用的方法有了，下邊就可以請求微信接口了

//獲取access_token
function getToken(callback){
  readFile({
    fileName:"./access_token.txt",
    name:"access_token"
  },callback,function(cb){
    var options={
      hostname:"api.weixin.qq.com",
      path:"/cgi-bin/token?grant_type=client_credential&appid=您的appid&secret=你的appid對應的密碼",
      method:'GET'
    };
    sendGetRequest(options,function(chun){
      var resObj = JSON.parse(chun.toString());
      resObj.timestamp = Math.floor((new Date().getTime())/1000);
      var res = JSON.stringify(resObj);
      //console.log(res);
      try {
        whiteFile({
          fileName:"./access_token.txt",
          data:res,
          name:"access_token"
        },cb);
      }catch(err){
        console.log("文件寫入失敗");
        console.log("access_token:"+res);
        cb(res);
      }
    });
  });
}

上邊這個方法是獲取微信token的方法，我這邊首先從本地文件中讀取，讀取不到再調用接口（我這里只是測試使用，沒有做判斷，實際操作中需要判斷時間戳，如果access_token過期需要刪掉文件里的內容重新請求新的access_token）

access_token有了，下邊就是獲取jsapi_ticket：

//獲取ticket
function getTicket(callback){
  readFile({
    fileName:"./ticket.txt",
    name:"ticket"
  },callback,function(cb) {
    getToken(function(tokenData){
      var token = JSON.parse(tokenData);
      //console.log("token:"+JSON.stringify(token));
      //callback({code:"200",data:{"data":token},result:true});
      var options = {
        hostname: "api.weixin.qq.com",
        path: "/cgi-bin/ticket/getticket?access_token=" + token.access_token + "&type=jsapi",
        method: 'GET'
      };
      sendGetRequest(options, function (chun) {
        var resObj = JSON.parse(chun.toString());
        resObj.timestamp = Math.floor((new Date().getTime())/1000);
        var res = JSON.stringify(resObj);
        if (resObj.errcode == 42001) {
          getToken(function(){
            getTicket(callback);
          });
        } else if (resObj.ticket) {
          try {
            whiteFile({
              fileName:"./ticket.txt",
              data:res,
              name:"ticket"
            },callback);
          }catch(err){
            console.log("文件寫入失敗");
            console.log("ticket:"+res);
            callback(res);
          }
        } else {
          callback(res);
        }

      });
    });
  });
}

jsapi_ticket和token獲取和存儲邏輯是一樣的

接下來就是簽名的生成

getTicket(function(data){
      var dataObj = JSON.parse(data);
      var noncestr = "zhangchenguang";
      var timestamp = Math.floor((new Date().getTime())/1000);
      var url = "http://api-loan.zhmf.com/html/test/testshare.html";
      var obj = {
        noncestr,timestamp,url,jsapi_ticket:dataObj.ticket
      };
      var arr = ["noncestr","jsapi_ticket","timestamp","url"].sort();
      var string1 = "";
      for(var i = 0; i < arr.length; i++){
        string1 += (arr[i]+"="+obj[arr[i]])+"&";
      }
      string1 = string1.slice(0,string1.length-1);
      console.log(string1);
      var shasum = crypto.createHash('sha1');
      shasum.update(string1);
      var signature = shasum.digest("hex");
      console.log(signature);
    });

生成簽名以后，把簽名和隨機串和appid和時間戳同時通過res.send傳給前端：

app.get("/getconfig",function (req,res) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header('Access-Control-Allow-Headers', 'Content-Type');
    getTicket(function(data){
      var dataObj = JSON.parse(data);
      var noncestr = "zhangchenguang";
      var timestamp = Math.floor((new Date().getTime())/1000);
      var url = "http://api-loan.zhmf.com/html/test/testshare.html";
      var obj = {
        noncestr,timestamp,url,jsapi_ticket:dataObj.ticket
      };
      var arr = ["noncestr","jsapi_ticket","timestamp","url"].sort();
      var string1 = "";
      for(var i = 0; i < arr.length; i++){
        string1 += (arr[i]+"="+obj[arr[i]])+"&";
      }
      string1 = string1.slice(0,string1.length-1);
      console.log(string1);
      var shasum = crypto.createHash('sha1');
      shasum.update(string1);
      var signature = shasum.digest("hex");
      console.log(signature);
      res.send({
        code:"200",
        data:{
          noncestr:noncestr,
          timestamp:timestamp,
          appId:"wx23599cdec409383c",
          signature:signature
        },
        result:true
      });
      res.end("");
    });
});

前端接收到數據后調用wx.config()，并傳入對飲的參數就可以獲取到對應的微信js權限了。

以上這篇基于微信簽名signature獲取(實例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Springboot中@ConfigurationProperties輕松管理應用程序的配置信息詳解
通過@ConfigurationProperties注解,可以將外部配置文件中的屬性值注入到JavaBean中,簡化了配置屬性的讀取和管理,這使得SpringBoot應用程序中配置文件的屬性值可以映射到POJO類中,實現類型安全的屬性訪問,此方法避免了手動讀取配置文件屬性的需要
2024-10-10
Java Socket實現多線程通信功能示例
這篇文章主要介紹了Java Socket實現多線程通信功能,結合具體實例形式較為詳細的分析了java多線程通信的原理及客戶端、服務器端相應實現技巧,需要的朋友可以參考下
2017-06-06
SpringMVC攔截器失效問題及解決方法
這篇文章主要介紹了SpringMVC?攔截器和異常處理器,以及SpringMVC攔截器失效分析解決方案，文中補充介紹了SpringMVC?攔截器和異常處理器的相關知識，需要的朋友可以參考下
2024-01-01
SpringBoot通過參數注解自動獲取當前用戶信息的方法
這篇文章主要介紹了SpringBoot通過參數注解自動獲取當前用戶信息的方法,文中使用HandlerMethodArgumentResolver 類來實現這個功能,并通過代碼示例講解的非常詳細,需要的朋友可以參考下
2024-03-03
Java實現微信小程序加密數據解密算法
我們開發(fā)微信小程序的過程中，我們的服務端有時需要獲取微信提供的開放數據。微信會對這些開放數據做簽名和加密處理，本文通過實例代碼給大家介紹Java實現微信小程序加密數據解密算法，感興趣的朋友一起看看吧
2021-11-11
java實現簡單的加減乘除計算器
這篇文章主要為大家詳細介紹了java實現簡單的加減乘除計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
Java使用lambda表達式簡化代碼的示例詳解
這篇文章主要給大家介紹了Java如何使用lambda表達式簡化代碼的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-11-11
IDEA進程已結束,退出代碼-1073741819 (0xC0000005)的bug
這篇文章主要介紹了IDEA進程已結束,退出代碼-1073741819 (0xC0000005)的bug,本文通過實例代碼圖文的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-04-04
jdk中動態(tài)代理異常處理分析：UndeclaredThrowableException
最近在工作中遇到了報UndeclaredThrowableException的錯誤，通過查找相關的資料，終于解決了，所以這篇文章主要給大家介紹了關于jdk中動態(tài)代理異常處理分析：UndeclaredThrowableException的相關資料，需要的朋友可以參考下
2018-04-04
詳解mall整合SpringBoot+MyBatis搭建基本骨架
這篇文章主要介紹了詳解mall整合SpringBoot+MyBatis搭建基本骨架，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-08-08