如何自定义分享内容 · 豆信2.0开发手册

#### **1、JS接口安全域名设置** 登录微信公众号后台，公众号设置-功能设置。 ![](https://box.kancloud.cn/2016-01-13_56960da7a9bc5.jpg) ![](https://box.kancloud.cn/2016-01-13_56960db2430be.jpg) #### **2、实现步骤** #### (1)继承jssdk模板。 `<extend name="Base/jssdk_common" /> <block name="html"> <!DOCTYPE html> <html> ..... ..... </html> </block>` > 要使用豆信封装的快速实现微信自定义的函数，首先必须要继承豆信的jssdk模板。 #### (2)页面中加入js代码分享到朋友圈 ~~~ onMenuShareTimeline(title, link, imgUrl, successFunc, cancelFunc); ~~~ 发送给朋友 ~~~ onMenuShareAppMessage(title, desc, link, imgUrl, type, dataUrl, successFunc, cancelFunc); ~~~ 分享到qq ~~~ onMenuShareQQ(title, desc, link, imgUrl, successFunc, cancelFunc); ~~~ 分享到qq空间 ~~~ onMenuShareQZone(title, desc, link, imgUrl, successFunc, cancelFunc); ~~~ #### **3、代码解析** 将分享函数代码写在ready中，当 DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生这一系列事件，即注册分享功能 > 使用方法 ~~~ onMenuShareAppMessage(title, desc, link, imgUrl, type, dataUrl, successFunc, cancelFunc); ~~~ > 参数说明 1、title 分享标题 2、desc 分享描述 3、link 分享内容打开链接 4、imgUrl 分享页面显示缩略图 5、type 分享类型,music、video或link，不填默认为link 6、dataUrl 如果type是music或video，则要提供数据链接，默认为空 7、successFunc 分享成功后执行的回调函数 8、cancelFunc 取消分享后执行的回调函数 ![](https://box.kancloud.cn/2016-01-13_56960db256bc0.jpg) #### **4、举例** ~~~ // jssdk注册成功后执行 wx.ready(function () { var title="豆信最棒"; var link="http://www.idouly.com"; var imgUrl="http://idouly.com/wp-content/themes/douchat/static/logo.png"; //分享到朋友圈 onMenuShareTimeline(title, link, imgUrl, su, ca); //发送给朋友 onMenuShareAppMessage(title, desc, link, imgUrl, '', '', su, ca); //分享到qq onMenuShareQQ(title, desc, link, imgUrl, su, ca); //分享到qq空间 onMenuShareQZone(title, desc, link, imgUrl, su, ca); }); function su(){ alert("ok"); } function ca(){ alert("err"); } ~~~