纯前端版本 -- 获取wx.config所需的signature_wx.config() signature 怎么获取-CSDN博客

纯前端版本，不需要后端！！

按照jssdk 文档，分为三步：

绑定域名
引入js文件
config注册

纯前端版本，我们从注册一个测试账号开始

注册一个测试账号，打开链接：微信公众平台

按照上图，填入js接口安全域名，算是上面的第一步：绑定域名
引入js文件

文档里有写：

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）
完成wx.config注册

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，服务号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的JS接口列表
});

本文主要就是如何通过前端直接拿到：时间戳，签名随机串以及签名

获得签名也分三部：

总结：

获取access_token
获取ticket
获取signature

1、获取access_token,将下面的appid和密钥替换为测试号里的，然后再浏览器地址栏输入链接

就会得到access_token

2、获取ticket，替换下面的access_token ，并在浏览器地址栏输入下面链接

就得得到一个ticket

3、进行sha1编码，得到签名在一个sha1在线编码平台，比如：https://www.67tool.com/encryption/sha1-hash-generator

输入如下字符串：

jsapi_ticket=上面的ticket&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://127.0.0.1/

然后点击转换，转换之后就是我们要用的signature

现在，我们wx.config中要用的nonceStr，timestamp，signature都有了

注意：nonceStr，timestamp都要和转换之前的字符串一样

总结：

只需要在浏览器里输入两次地址，拿到对应的参数，最后进行一次编码即可

// 第一步,得到access_token
https://api.weixin.qq.com/cgi-bin/token?appid=***&secret=***&grant_type=client_credential
// 第二步，得到ticket
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=***&type=jsapi
//第三步，对下面的字符串进行编码
jsapi_ticket=ticket&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://127.0.0.1/