前段时间由于工作需要有几个H5活动页要在微信上分享到朋友圈,分享给朋友,但是发现分享出去的都是系统默认的图片和默认的document.title,那么想要自定义这部分内容,就需要看微信公众平台的开发文档
1.首先要分享的H5页面的域名需要微信公众账号在设置里填写”JS接口安全域名“,绑定域名才能获得接口使用权限;
2.在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
3.
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
下面贴出我的代码,由于这几项必填的参数我都是从后台获取来的,所以多了一步请求数据的过程,可忽略,
调试的时候debug设置成true 可在移动设备上alert出错误信息,遇到过一次一直说签名错误的问题,原因是由于后
台不能动态获取前台页面的地址,为什么要动态获取,因为地址栏后面传参数了,每次都不一样的,后来解决方法就
变成我在请求数据的时候把当前地址一并传给后台,后台再根据这个地址绑定域名,大概是这个意思,我代码里只写
了分享至朋友圈的接口,如果你需要分享到QQ,或者分享给朋友,只需要把相应的微信接口填进去就行了,其他没
什么不同,最后记得调用我图中的getMsg方法就可以了