使用微信JSSDK自定义微信分享标题、描述时需要注意的问题
初始化微信config
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
这个微信JSSDK说明文档写的比较详细,可以参考微信官方的JSSDK(http://mp.weixin.qq.com/wiki/home/index.html)。
需要注意的问题:
1、微信config的配置项目尽量要从后台接口返回,不要直接写在前台页面上。
2、jsApiList这个地方经常会忘记添加我们调用的接口,会导致后面调用接口不生效。
自定义微信分享信息
wx.ready(function(){
wx.onMenuShareAppMessage({
title: '我是标题', // 分享标题
desc: '我是描述', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
需要注意的问题:
1、在微信config的jsApiList数组中添加onMenuShareAppMessage,注意是单引号(jsApiList: ['onMenuShareAppMessage']).
2、imgUrl对应的分享图标目前只支持32k以下图片,而且不支持png图片。