官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
开发准备:公众号绑定好需要开发的服务器域名、添加服务器ip白名单
开发:
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('点击右上角分享!');
var obj = data.ask;
wx.config({
debug:false,// 调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: obj.appId, // 必填,公众号的唯一标识
timestamp: obj.timestamp, //必填,生成签名的时间戳
nonceStr: obj.nonceStr, // 必填,生成签名的随机串
signature: obj.signature,// 必填,签名
jsApiList: ['updateAppMessageShareData','updateTimelineShareData']// 必填,需要使用的JS接口列表
});
wx.ready(function () {//需在用户可能点击分享按钮前就先调用
wx.updateAppMessageShareData({
title:'快来帮我付款吧!!', // 分享标题
desc:'我看上了这款商品,快来帮我付款吧!!', // 分享描述
link: wxshare_link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: wxshare_imgUrl// 分享图标
});
wx.updateTimelineShareData({
title:'快来帮我付款吧!!', // 分享标题
link: wxshare_link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: wxshare_imgUrl// 分享图标
});
wx.error(function (res) {
});
});
}
});
}
3、后台代码