微信自定義分享
摘要：
幾個月前在做一個ai專案；專案需求在微信公眾號內需要有自定義分享的功能；
微信公眾平臺
微信JS-SDK說明文件
連結地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
...
幾個月前在做一個ai專案；專案需求在微信公眾號內需要有自定義分享的功能；
微信公眾平臺
微信JS-SDK說明文件
連結地址：ofollow,noindex">https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
js-sdk線上地址:http://res.wx.qq.com/open/js/jweixin-1.4.0.js
根據文件說明；
appId、timestamp、
nonceStr、
signature通過後端生成之後返回前臺；
爬坑：自定義分享的圖片需要和專案域名保持一致；
前臺使用前需要引入js-sdk相關檔案就是上述的js-sdk線上地址；
下面是實現自定義分享相關程式碼：
var data = data.data;//後臺返回相關資料
wx.config({
debug: false,////生產環境需要關閉debug模式
appId: data.appId,//appId通過微信服務號後臺檢視
timestamp: data.timestamp,//生成簽名的時間戳
nonceStr: data.nonceStr,//生成簽名的隨機字串
signature: data.signature,//簽名
jsApiList: [//需要呼叫的JS介面列表
'checkJsApi',
'onMenuShareTimeline',//
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo'
]
});
window.share_config = {
"share": {
"imgUrl": "sunpengwei/img/sun.png",//分享圖，預設當相對路徑處理，所以使用絕對路徑的的話，“http://”協議字首必須在。這裡的圖片必須和域名保持一致方可生效
"desc": "全身變！",//摘要,如果分享到朋友圈的話，不顯示摘要。
"title": '巴啦啦小魔仙全身變!',//分享卡片標題
"link":"sunpengwei/index",//分享出去後的連結，這裡可以將連結設定為另一個頁面。
"success": function () {//分享成功後的回撥函式
console.log("分享成功");
},
'cancel': function () {
// 使用者取消分享後執行的回撥函式
}
}
};
wx.ready(function () {
wx.onMenuShareAppMessage(share_config.share);//分享給好友
wx.onMenuShareTimeline(share_config.share);//分享到朋友圈
wx.onMenuShareQQ(share_config.share);//分享給手機QQ
});