调试

前端打开debug模式，浏览器打开时在console里会打印微信分享初始化信息，在微信里会以alert形式出现。

常见问题

1. 签名的时候注意大小写
2. 签名时候用的url需要和当前位置的url保持一致
3. 微信二次分享失败
   微信在第二次分享的链接里增加了后缀，如?from=singlemessage&isappinstalled=1，这里需要转义

1
2
3
4
5
6
7
8
9
10
11
12
13

$.ajax({
    url: 'https://domain/wechatshare/sign?url=' + encodeURIComponent(window.location.href.split('#')[0]),
    type: 'get',
    success: function (data) {
        data = JSON.parse(data)
        data.jsApiList = [
            'onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ'
        ];
        wx.config(data);
    },
    error: function (xhr, textStatus) {
    }
})

项目里要测试微信公众号, 但又不愿意忍受每次改下代码就提交到版本库, 再发布到生产这个琐碎的流程, 所以必须有一个本地能测试的方法, 到知乎上找了一个方法(引用知乎操晓峰的回答).

原理是HTTP请求重定向, 将微信中要访问的url转发到你设置的代理服务器, 代理服务器转发到你的开发服务器.

有趣的是, 在公司一直没有完全成功, 总有一个页面是刷不出来, 查看Charles发现传输速度极慢, 真想吐槽公司的网络. 回家后重试了一次, 完全成功.