微信开发中微信分享的调试

背景

这周做的一个活动有微信分享的功能，本来看微信JS-SDK说明文档代码一copy以为就大功告成了，可是调试-_-#，于是乎写个文章纪念下?

分享的调试

1. 下载微信开发者工具

2. 微信公众平台接口测试帐号申请

申请账号

进入如下页面：

3. 在第2步中的页面中会看到类似的测试号二维码，关注即可

4. 获取access token

获取access token

将打开的链接地址上的APPID和APPSECRET替换成对应的第2步中获取的测试账号信息，回车获取access_token

5. 用上一步拿到的access_token 采用http GET方式请求获得jsapi_ticket

获得jsapi_ticket

6. 用上一步拿到的jsapi_ticket获得signature

获得signature

7. 在第2步中进入的测试号管理页面设置JS接口安全域名

1. 一级域名，非80端口需要带端口号；
   2: 域名设置不要带http://或者https://，末尾不要带"/"；
   例如：abc.com

8. 查看分享是否成功

以上设置好之后，打开开发者工具，登录后，打开页面，切换到console下面，如果显示如下说明可以愉快的调试分享了:

这块经常会报invalid url domain和invalid signature，出现前者错误就是第7步没有设置对啦，后者这个错误原因有好多，常犯的错误就是签名生成的不对；