前端微信jsdk调用配置
1。我们需要从微信公众号中拿到appid 和appSecret
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=Appid&secret=appSecret 获取到 access_token
如果你拿到
恭喜你成功获取成功2.如未获取成功请百度返回错误码,接下来我们进行下一步用拿到 access_token然后获取ticket
替换上你得到的最新的access_token你就可以获取到ticket了,同样的时效仍然只有2小时
3.我们拿到了所有我们需要的东西接下来让我们生成签名
通过以下的规则生成签名:jsapi_ticket=kgt8ON7yVITDhtdwci0qeb7Uk3rdl_EEmJZGBTUefn_uC1FoqFloWv3CYPgtA_eViMlRr0RJxm0JH7-qsowOVw &noncestr=Wm3WZYTPz0wzccnW×tamp=1414587457&url=http://mp.weixin.qq.com?params=value
签名生成规则如下:参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) 。对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密,字段名和字段值都采用原始值,不进行URL 转义。
即signature=sha1(string1)。 示例:
noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=1414587457
url=http://mp.weixin.qq.com?params=value
步骤1. 对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1:
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW×tamp=1414587457&url=http://mp.weixin.qq.com?params=value
步骤2. 对string1进行sha1签名,得到signature:
0f9de62fce790f9a083d5c99e95740ceb90c27ed
signature:'21bc68b5649f6d8bdafd2547fc86346c94c73d69',
最后,配置到:wx.config({
debug: true,
appId: 'wx1cbc0069ac955878',
timestamp: '1414587457',
nonceStr: 'Wm3WZYTPz0wzccnW',
signature: '21bc68b5649f6d8bdafd2547fc86346c94c73d69',
jsApiList: [
'openLocation',
'getLocation',
]
});
微信js接口签名校验工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
可以验证下