在H5的 页面分享该活动给好友,代码如下:
1:需要添加 js引用:
<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>
2:需要添加对象:
var wx = require("weixin-js-sdk");
3:实现方法
// 分享功能
shareOut() {
var that = this;
let baseurl = "https://i.csdn.com"; // 站点域名名称
let nowappId = "wx384b5da598edc120"; //appId 格林服务号;
// let baseurl = "http://h5test.cn";
// let nowappId = "wx330c5becf5a36a7f"; //appId 贝壳测试号
let signStr = ""; //sha1加密字符串
let timestamp = 1530852096; //时间戳
let nonceStr = "shupao";
let nowLink = "";
let flag = this.inviteFlag == 1? "&flag=1" :"";
this.inviteFlag = 0;
nowLink = baseurl + "/Activity/AprilShareHelp?sourcecode=jthd201905CJFX&userId=" + this.NowUser + flag;
var obj = {
title: "快来!这里有一台¥4999华为Mate20X送给你!", //标题
desc:
"¥1899华为VR眼镜、¥888长江三角洲旅游护照,还有¥200免房券等一大批好礼等着你哦!", //描述
link: nowLink,
imgUrl: baseurl + "/static/Activity/Tips/wxShareImg.jpg"
};
var params = new this.URLSearchParam();
params.append("nonceStr", nonceStr);
params.append("timestamp", timestamp);
params.append("url", window.location.href);
this.$http.post(api.GetSignature(), params.toParam()).then(res => {
wx.config({
debug: false,
appId: nowappId, //appId 格林服务号
timestamp: timestamp, //时间戳
nonceStr: nonceStr, //加密需要字符串(自己定义的)
signature: res.Data, //sha1加密后字符串
jsApiList: [
"onMenuShareTimeline",
"onMenuShareAppMessage",
"onMenuShareQQ",
"onMenuShareWeibo",
"onMenuShareQZone"
]
});
wx.ready(function() {
//分享给朋友
wx.onMenuShareAppMessage({
title: obj.title, // 分享标题
desc: obj.desc, // 分享描述
link: obj.link, // 分享链接
imgUrl: obj.imgUrl, // 分享图标
success: function() {
// 未登录提醒用户
that.ShareCheck();
},
cancel: function() {}
});
//分享到朋友圈"
wx.onMenuShareTimeline({
title: obj.title,
desc: obj.desc, // 分享描述
link: obj.link, // 分享链接
imgUrl: obj.imgUrl, // 分享图标
success: function() {
// 未登录提醒用户
that.ShareCheck();
}
});
wx.onMenuShareQQ({
title: obj.title, // 分享标题
desc: obj.desc, // 分享描述
link: obj.link, // 分享链接
imgUrl: obj.imgUrl, // 分享图标
success: function() {
// 未登录提醒用户
that.ShareCheck();
}
});
wx.onMenuShareQZone({
title: obj.title, // 分享标题
desc: obj.desc, // 分享描述
link: obj.link, // 分享链接
imgUrl: obj.imgUrl, // 分享图标
success: function() {
// 未登录提醒用户
that.ShareCheck();
}
});
wx.onMenuShareWeibo({
title: obj.title, // 分享标题
desc: obj.desc, // 分享描述
link: obj.link, // 分享链接
imgUrl: obj.imgUrl, // 分享图标
success: function() {
// 未登录提醒用户
that.ShareCheck();
}
});
});
});
},