微信开发--微信分享自定义图标和标题

前段时间由于工作需要有几个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方法就可以了




微信开发--微信分享自定义图标和标题_第1张图片

你可能感兴趣的:(前端之JavaScript)