基于微信签名signature获取(实例讲解)

微信分享的签名算法微信也写有，主要是调用接口需要使用服务器（微信官方文档是这么说的，试了下前端居然特么也可以），不过微信的access_token和jsapi_ticket是有使用次数限制的，所以还是用服务器来获取，得到以后存下来，下次使用判断超时以后再重新获取，这样就够用了，要不然就会出现接口调用次数超出限制这种尴尬的事情了。

如果需要使用自定义分享文案的时候，服务号或者订阅号一定要是已认证的（我的是个人类型的订阅号，不能认证，所以不能使用分享功能）

我这边用的是node做的后台，所以代码用的是js代码，当然其他的也可以，逻辑都一样，代码写法不一样而已。

1.首先是公众号的设置

我这边申请的是一个订阅号

首先，要在 开发 -> 基本配置 下，获取到自己的开发者id（appid）和开发者密码（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模块 用来创建一个服务器，分别和前端、微信进行接口对接（在这里貌似没多大用，可以使用http模块代替）

https模块 用来发送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);
    }
  });
}

然后是使用定义一个发送https请求的方法

//发送一个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获取(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# 微信获取signature  # 微信 jssdk 签名错误invalid signature的解决方法  # C# 微信支付 wx.chooseWXPay 签名错误的解决方法  # 微信开发之使用java获取签名signature  # Android微信支付获取二次签名Sign的方法  # 微信封装的调用微信签名包的类库  # 详解IOS微信上Vue单页面应用JSSDK签名失败解决方案  # 详解Vue开发微信H5微信分享签名失败问题解决方案  # .NET微信小程序用户数据的签名验证和解密代码  # VUE解决微信签名及SPA微信invalid signature问题(完美处理)  # 微信js sdk invalid signature签名错误问题的解决方法分析  # 的是  # 我这边  # 要在  # 给大家  # 就可以  # 自己的  # 您的  # 就会  # 文档  # 在这里  # 是有  # 其他的  # 说到  # 这两个  # 就行  # 用了  # 希望能  # 自定义  # 多大  # 可以使用 

相关文章： 想学网站制作怎么学,建立一个网站要花费多少？  专业商城网站制作公司有哪些,pi商城官网是哪个？  高防服务器租用如何选择配置与防御等级？  焦点电影公司作品,电影焦点结局是什么？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  如何用PHP工具快速搭建高效网站？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  制作旅游网站html,怎样注册旅游网站？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  建站主机如何选？性能与价格怎样平衡？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  广东专业制作网站有哪些,广东省能源集团有限公司官网？  已有域名和空间如何搭建网站？  免费网站制作appp,免费制作app哪个平台好？  建站主机是否等同于虚拟主机？  如何通过NAT技术实现内网高效建站？  小型网站建站如何选择虚拟主机？  ,制作一个手机app网站要多少钱？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  建站主机选哪种环境更利于SEO优化？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  如何用AWS免费套餐快速搭建高效网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  如何在局域网内绑定自建网站域名？  如何通过VPS建站无需域名直接访问？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  建站之星展会模版如何一键下载生成？  建站之星如何一键生成手机站？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  智能起名网站制作软件有哪些,制作logo的软件？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  大连网站设计制作招聘信息,大连投诉网站有哪些？  高防服务器租用首荐平台，企业级优惠套餐快速部署  制作网站的软件免费下载,免费制作app哪个平台好？  如何在阿里云完成域名注册与建站？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  表情包在线制作网站免费,表情包怎么弄？  如何通过多用户协作模板快速搭建高效企业网站？  如何通过宝塔面板实现本地网站访问？  C++时间戳转换成日期时间的步骤和示例代码  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  简单实现Android验证码  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  如何选择香港主机高效搭建外贸独立站？  如何在IIS管理器中快速创建并配置网站？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站