微信自定義分享
幾個月前在做一個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 });