前端微信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

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

可以验证下