微信分享的签名算法微信也写有，主要是调用接口需要使用服务器（微信官方文档是这么说的，试了下前端居然特么也可以），不过微信的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签名错误问题的解决方法分析  # 的是  # 我这边  # 要在  # 给大家  # 就可以  # 自己的  # 您的  # 就会  # 文档  # 在这里  # 是有  # 其他的  # 说到  # 这两个  # 就行  # 用了  # 希望能  # 自定义  # 多大  # 可以使用 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  laravel服务容器和依赖注入怎么理解_laravel服务容器与依赖注入解析  如何在云指建站中生成FTP站点？  Laravel如何使用Gate和Policy进行权限控制_Laravel权限判定与策略规则配置  如何在云主机上快速搭建网站？  深圳网站制作培训,深圳哪些招聘网站比较好？  Laravel事件和监听器如何实现_Laravel Events & Listeners解耦应用的实战教程  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何用AWS免费套餐快速搭建高效网站？  如何快速搭建虚拟主机网站？新手必看指南  利用JavaScript实现拖拽改变元素大小  微信公众帐号开发教程之图文消息全攻略  详解vue.js组件化开发实践  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  清除minerd进程的简单方法  Laravel如何记录自定义日志？（Log频道配置）  Laravel如何编写单元测试和功能测试？（PHPUnit示例）  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  如何实现建站之星域名转发设置？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  Laravel如何实现多对多模型关联？（Eloquent教程）  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  如何用好域名打造高点击率的自主建站？  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  使用豆包 AI 辅助进行简单网页 HTML 结构设计  微信小程序 scroll-view组件实现列表页实例代码  浅谈Javascript中的Label语句  详解Android——蓝牙技术 带你实现终端间数据传输  JS经典正则表达式笔试题汇总  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  如何在阿里云高效完成企业建站全流程？  如何在搬瓦工VPS快速搭建网站？  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  如何获取上海专业网站定制建站电话？  如何实现javascript表单验证_正则表达式有哪些实用技巧  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  太平洋网站制作公司,网络用语太平洋是什么意思？