h5页面引入微信jssdk文档整理

[jerryni]

官方文档

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

在线demo

http://203.195.235.76/jssdk/

config里的几个个重要参数的获取

• appId（公众号唯一标识）
• timestamp
• nonceStr
• signature

获取access_token

http请求（GET）： https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET 其中APPID和APPSECRET可以在微信公众平台(开发者工具->公众平台测试帐号)获得。 返回：

{"access_token":"ACCESS_TOKEN","expires_in":7200}

注意：access_token目前的有效期为2个小时

获取jsapi_ticket。

http请求（GET）： https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi 其中ACCESS_TOKEN就是第1步拿到的access_token 返回：

{
  "errcode":0,
  "errmsg":"ok",
  "ticket":"xxx",
  "expires_in":7200
}

生成签名（signature）。

在线签名校验工具：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

• 开发者随机生成随机串nonceStr、获得当前时间戳timestamp、获得当前url
• 将nonceStr、timestamp、url和第2步获得的jsapi_ticket按照ASCII字典序排序拼接成字符串，对该字符串进行sha1签名，得到signature

注意：此处的nonceStr、timestamp、signature和配置config的nonceStr、timestamp、signature相同。

config执行成功标识

{"errMsg":"config:ok"}

可以用charles在线上环境直接代理到本地进行调试

本地调试代码：https://github.com/jerryni/blog/blob/master/wxshare.js