使用微信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图片。

展开阅读全文

没有更多推荐了,返回首页