uni版分享H5

uni版分享H5

 

 

onShow(){
this.getData(this.id)
// #ifdef H5
var that = this
var jweixin = require('jweixin-module') //npm安装的引用
var surl = window.location.href;
// var surl = encodeURIComponent(window.location.href.split('#')[0]); //据说可以解决URL中带参数的问题,前台用的js编码,后台php解码
uni.request({
url: 'https://webapi.chenpIwang.com/weixin',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded' //post一定要带这个header,被这里坑了半天
},
data: {
url: surl
},
success: res => {
jweixin.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.data.data.appid, // 必填,公众号的唯一标识
timestamp: res.data.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.data.noncestr, // 必填,生成签名的随机串
signature: res.data.data.signature, // 必填,签名,见附录1
surl: res.data.data.surl, //自己添加的,debug为true的时候可以网页打印出对应的URL是否正确
jsApiList: ["updateAppMessageShareData","updateTimelineShareData"]
});

jweixin.ready(function() {

//自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
jweixin.updateAppMessageShareData({
title: that.infoData.title, // 分享标题
desc: that.infoData.desc, // 分享描述
link: surl, // 分享链接
imgUrl: that.Img, // 分享图标
success: function(res) {

},
cancel: function() {

}
});
//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
jweixin.updateTimelineShareData({
title: that.infoData.title, // 分享标题
desc: that.infoData.desc, // 分享描述
link: surl, // 分享链接
imgUrl: that.Img, // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
});
},
fail: () => {
console.log('request fail', err);
},
complete: () => {}
});
// #endif
},

上一篇:css兄弟选择器配合鼠标点击实现不同效果


下一篇:全栈开发第一单元笔记