1. 程式人生 > >微信自定義分享

微信自定義分享

手機 als ret () wiki log var 默認 微信服務號

幾個月前在做一個ai項目;項目需求在微信公眾號內需要有自定義分享的功能;

微信公眾平臺

微信JS-SDK說明文檔

鏈接地址: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 });

微信自定義分享