怎么使用微信JSSDK的自定义分享功能

JavaScript015

怎么使用微信JSSDK的自定义分享功能,第1张

<script>

wx.config({

debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

appId: '${appId}', // 必填,公众号的唯一标识

timestamp: ${timestamp}, // 必填,生成签名的时间戳

nonceStr: '${noncestr}', // 必填,生成签名的随机串

signature: '${signature}',// 必填,签名,见附录1

jsApiList: [

'onMenuShareTimeline',

'onMenuShareAppMessage',

] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

})

wx.ready(function(){

//分享到朋友圈

wx.onMenuShareTimeline({

title: '号外!号外!', // 分享标题

desc: '号外!号外!特大号外', // 分享描述

link: 'url', // 分享链接

imgUrl: 'logo/logo-2.png', // 分享图标

success: function () {

}

})

//分享给好友

wx.onMenuShareAppMessage({

title: '号外!号外!', // 分享标题

desc: '号外!号外!特大号外', // 分享描述

link: 'url', // 分享链接

imgUrl: 'logo/logo-2.png', // 分享图标

success: function () {

}

})

})

</script>

wx.onMenuShareTimeline({

title: '互联网之子',

link: 'http://wx.vland.cc/mobile.php?act=module&rid=406&fromuser=oktsYuHivHXuzdsMeCbWyF7b14UU&name=hllihe&do=sharelihe&weid=7',

imgUrl: 'http://wx.vland.cc/resource/attachment/images/7/2015/01/fl2Lk2p5o3iOJP3jdp9iPXI9i93iPm.jpg',

trigger: function (res) {

alert('用户点击分享到朋友圈')

},

success: function (res) {

alert('已分享')

},

cancel: function (res) {

alert('已取消')

},

fail: function (res) {

alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res))

}

})

你可以绑定到一个按钮点击事件上面,或者和上面说的一样 延迟加载

wx.onMenuShareTimeline({

title: '互联网之子',

link: 'http://wx.vland.cc/mobile.php?act=module&rid=406&fromuser=oktsYuHivHXuzdsMeCbWyF7b14UU&name=hllihe&do=sharelihe&weid=7',

imgUrl: 'http://wx.vland.cc/resource/attachment/images/7/2015/01/fl2Lk2p5o3iOJP3jdp9iPXI9i93iPm.jpg',

trigger: function (res) {

alert('用户点击分享到朋友圈')

},

success: function (res) {

alert('已分享')

},

cancel: function (res) {

alert('已取消')

},

fail: function (res) {

alert('wx.onMenuShareTimeline:fail: '+JSON.stringify(res))

}

})

把这段代码,封装成个函数,然后用settimeout延迟2秒加载试试。