官方文檔:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
開發(fā)準(zhǔn)備:公眾號綁定好需要開發(fā)的服務(wù)器域名创淡、添加服務(wù)器ip白名單
開發(fā):
1、引入js文件
2躺苦、js代碼
function share(sid){
????var url? ? ? ? ? ? =location.href.split('#')[0]; //(前臺傳到后臺的url)
? ? var wxshare_link? ? =_domain+"/order-share/share-detail?share_id="+sid+"&order_id="+order_id;
? ? var wxshare_imgUrl? ='/images/msj.png';
? ? ajaxRequest('wxshare', 'post', {
????????url:url,
? ? ? ? _csrf:csrf
? ? }, function (data) {
????????if (data.ask) {
????????????layer.msg('點(diǎn)擊右上角分享痢掠!');
? ? ? ? ? ? var obj =? data.ask;
? ? ? ? ? ? wx.config({
????????????????debug:false,// 調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù)砖瞧,可以在pc端打開息堂,參數(shù)信息會通過log打出,僅在pc端時才會打印块促。
? ? ? ? ? ? ? ? appId: obj.appId, // 必填荣堰,公眾號的唯一標(biāo)識
? ? ? ? ? ? ? ? timestamp: obj.timestamp, //必填,生成簽名的時間戳
? ? ? ? ? ? ? ? nonceStr: obj.nonceStr, // 必填竭翠,生成簽名的隨機(jī)串
? ? ? ? ? ? ? ? signature: obj.signature,// 必填振坚,簽名
? ? ? ? ? ? ? ? jsApiList: ['updateAppMessageShareData','updateTimelineShareData']// 必填,需要使用的JS接口列表
? ? ? ? ? ? });
? ? ? ? ? ? wx.ready(function () {//需在用戶可能點(diǎn)擊分享按鈕前就先調(diào)用
? ? ? ? ? ? ? ? wx.updateAppMessageShareData({
title:'快來幫我付款吧L悠屡拨!', // 分享標(biāo)題
? ? ? ? ? ? ? ? ? ? desc:'我看上了這款商品,快來幫我付款吧H焓怠呀狼!', // 分享描述
? ? ? ? ? ? ? ? ? ? link: wxshare_link, // 分享鏈接,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
? ? ? ? ? ? ? ? ? ? imgUrl: wxshare_imgUrl// 分享圖標(biāo)
? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? wx.updateTimelineShareData({
title:'快來幫我付款吧K鹄搿哥艇!', // 分享標(biāo)題
? ? ? ? ? ? ? ? ? ? link: wxshare_link, // 分享鏈接,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
? ? ? ? ? ? ? ? ? ? imgUrl: wxshare_imgUrl// 分享圖標(biāo)
? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? wx.error(function (res) {
????????????????});
? ? ? ? ? ? });
? ? ? ? }
});
}
3僻澎、后臺代碼