H5的分享功能

在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();

}

});

});

});

},