没有合适的资源?快使用搜索试试~ 我知道了~
小程序分享链接onShareAppMessage的具体用法
5星 · 超过95%的资源 16 下载量 176 浏览量
2020-10-15
07:23:05
上传
评论
收藏 62KB PDF 举报
温馨提示
试读
2页
主要介绍了小程序分享链接onShareAppMessage的具体用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
资源推荐
资源详情
资源评论
小程序分享链接小程序分享链接onShareAppMessage的具体用法的具体用法
主要介绍了小程序分享链接onShareAppMessage的具体用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有
一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
onShareAppMessage用法:
只需要在button标签中加入open-type="share",小程序ui就会自动识别分享链接功能
<button data-name="shareBtn" open-type="share">分享</button>
js中代码如下:
onShareAppMessage: function( options ){
var that = this;
// 设置菜单中的转发按钮触发转发事件时的转发内容
var shareObj = {
title: "转发的标题", // 默认是小程序的名称(可以写slogan等)
path: '/pages/share/share', // 默认是当前页面,必须是以‘/'开头的完整路径
imageUrl: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
success: function(res){
// 转发成功之后的回调
if(res.errMsg == 'shareAppMessage:ok'){
}
},
fail: function(){
// 转发失败之后的回调
if(res.errMsg == 'shareAppMessage:fail cancel'){
// 用户取消转发
}else if(res.errMsg == 'shareAppMessage:fail'){
// 转发失败,其中 detail message 为详细失败信息
}
},
complete: fucntion(){
// 转发结束之后的回调(转发成不成功都会执行)
}
};
// 来自页面内的按钮的转发
if( options.from == 'button' ){
var eData = options.target.dataset;
console.log( eData.id); // shareBtn
// 此处可以修改 shareObj 中的内容
shareObj.path = '/pages/goods/goods?goodId='+eData.id;
}
// 返回shareObj
return shareObj;
}
在实际应用中,会碰到这种情况:
微信小程序分享时,需要调用一个ajax(Promise)请求,然后return 一个对象,怎么同步实现?
比如:微信小程序分享时会调用 onShareAppMessage 方法,他会return 一个对象作为分享时的参数。但是我需要在他return之前调用一个ajax
方法getShareCode,怎么样同步实现?
//将字符串链接转为二维码,如:转换前 itemid/344*fromuser/4909*shopid/75,转换后 KtIQE4j9OP4JNGS2dsZy
getShareCode: function () {
var that = this;
util.request(api.CreateShareCode, {
sharecode: 'itemid/' + that.data.productid + '*fromuser/' + user.getBuyerUserId() + '*shopid/' + that.data.shopId
}).then(function (res) {
if (res.statusCode === 0) {
that.setData({ newShareCode: res.sharedata });
}
});
},
//分享功能
onShareAppMessage: function () {
this.getShareCode();
let that = this;
var newShareCode = that.data.newShareCode;
var shareBackUrl = 'pages/goods/goods?scene=' + newShareCode;
return {
title: that.data.goods.title,
path: shareBackUrl
}
},
尝试用async await 和 Promise都没有得到想要的结果。
不能用async await原因是, 如果 onShareAppMessage 是async函数,分享时会调用这个方法,但是分享的事件是走的默认的分享,没用使用
我return的参数对象。Promise同理。
而且return的对象写到请求方法里面也会出现上面的问题:方法会被调用,但是分享事件没有用return的参数。如下:
资源评论
- glowlaw2023-07-27这篇文件对小程序分享链接onShareAppMessage的功能进行了详细的解释,对于新手来说非常友好,让我轻松理解了相关概念。
- 雨后的印2023-07-27这篇文件以简单明了的语言,深入浅出地介绍了小程序分享链接onShareAppMessage,让我能够迅速上手使用。
- 林书尼2023-07-27这篇文件对小程序分享链接onShareAppMessage的用法进行了简洁清晰的解释,帮助我快速掌握了相关知识。
- 仙夜子2023-07-27这篇文件介绍了小程序分享链接onShareAppMessage的具体用法,内容详细,让我对这个功能有了更深入的了解。
- 稚气筱筱2023-07-27通过这篇文件,我学到了小程序分享链接onShareAppMessage的几种实际应用场景,对我的工作有所帮助。
weixin_38506798
- 粉丝: 4
- 资源: 937
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功