UNI-APP 使用JS-SDK (jweixin-module)自定义分享给朋友、分享到朋友圈
UNI-APP 使用JS-SDK (jweixin-module)自定义分享给朋友、分享到朋友圈。
·
安装 jweixin-module
npm install jweixin-module --save
页面调用流程
- 所有需要使用 JS-SDK 的页面必须先注入配置信息,否则将无法调用
var jweixin = require('jweixin-module')
shareFun() {
share({url: window.location.href.split("#")[0],}).then(res => {
jweixin.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.appId, // 必填,公众号的唯一标识
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.noncestr, // 必填,生成签名的随机串
signature: res.signature,// 必填,签名
jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填,需要使用的JS接口列表
});
jweixin.ready(function() { //需在用户可能点击分享按钮前就先调用
//分享给朋友
jweixin.onMenuShareAppMessage({
title: '分享标题', // 分享标题
desc: '分享描述', // 分享描述
link: '分享链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '分享图标地址', // 分享图标
success: function (res) {
uni.showToast({: '分享成功', icon:'none'});
},
fail: function (err) {
console.log("fail:" + JSON.stringify(err));
},
})
//分享到朋友圈
jweixin.onMenuShareTimeline({
title: '分享标题', // 分享标题
link: '分享链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '分享图标地址', // 分享图标
success: function () {
// 用户点击了分享后执行的回调函数
uni.showToast({: '分享成功', icon:'none'});
}
})
});
jweixin.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});
})
}
更多推荐
已为社区贡献1条内容
所有评论(0)