步骤
1、登录微信公众平台并打开在线接口调试工具和公众平台测试账号。
2、打开公众平台测试账号，里面有一栏叫JS接口安全域名的，点击修改，将里面的域名填写为你将要放置的js-sdk域名，这么说，可能有点抽象，就是说这里填写的域名其实就是你站点的域名:(==关键！！！==)
安全域名配置
3、打开在线调试工具，选择接口类型为基础类型，接口列表为获取access_token接口/token,并填入测试公众号的appid、secret,然后点击检查问题获取到access_token
4、获取到access_token后，使用postman请求以下接口
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=(填入上面获取到的access_token)&type=jsapi
则会得到ticket
获取ticket
5、拿到了ticket则可以通过sha1加密去获取签名了
获取签名
仔细看一下，你会发现jsapi_ticket中间多了个\，其实这个\是不需要的，要去掉在进行加密，明文中包含了几个参数，其中appid就不多说了，测试公众号的appid；timestamp表示生成签名的时间戳，nonceStr代表随机字符串，这两个参数在测试阶段都可以随意填写，正式环境最好还是在后台服务器中使用代码生成。
6、来到这里基本就差不多了，这时你需要一个测试的demo工程，将配置需要使用到的参数配置进去：
配置参数
去到微信开发者工具，输入你demo的运行路径，
如果出现：
签名失效
一般都是签名不正确导致的，请检查，是否那个步骤有错，实在不行，也可以重新执行2-5步骤
如果出现：
不可用域名
这个情况是js接口安全域名，跟你js-sdk所在的域，不是同一个域，打开公众号测试账号看看:
安全域名
对比下两个域，就会发现问题。
如果出现:
签名配置成功
证明你的签名已经配置成功了，这时你再点击右上角-分享到朋友圈就会看到如下界面:
分享朋友圈
你会发现显示的是微信的图标和网页的标题(有时[真机]会显示公众号的名称)，结果不是跟你的需求还不是很匹配，看一下demo里面的代码：
分享朋友圈按钮事件
会发现在分享api外层还包了一层点击事件，只要点击一下就会出现以下界面:
注册点击事件
发现js的接口需要被注册一下才能被调用。。。。当然，如果你不需要点击才注册，只需要将wx.onMenuShareTimeline({ ... })这段代码移出来，防止到wx.ready({ ... })中就可以了。
注册完成再点击分享到朋友圈，就会出现以下界面，这样图片、链接、标题等分享的内容就实现了自定义。
分享朋友圈自定义内容
点击发送，就可以了。
问题:
1、真机测试发现显示不了图片和标题，目前还不知道是什么情况，有可能是微信做了认证的限制，之前看了一篇文章，说微信6.0.2之后，必须要(被)认(打)证(劫)的公众号才能显示自定义的图片和标题---囧o(╯□╰)o囧，真坑爹=_=。
网友评论