前端微信jsdk调用配置

2018-01-25  本文已影响0人  eec624b8d566

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

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=6_OjAha_TH4H8PDCIuHhNSfUOxDZH-h3tShMpKUHOORqSQqSYxICS90DdNRPX_9cJEqeQUnD6nmHJUXT4rHZRGn1qU_SMdzpO4t4Y8Di_tbpSfl6j7XMqQCUXYIvK_TDNelqtgbne8iCL3l-1cFGGiACARSS&type=jsapi

替换上你得到的最新的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

可以验证下

上一篇 下一篇

猜你喜欢

热点阅读