uni-app分享功能实现md

最新推荐文章于 2024-08-21 09:24:22 发布

琴～～

最新推荐文章于 2024-08-21 09:24:22 发布

阅读量414

点赞数 1

文章标签： uni-app

本文链接：https://blog.csdn.net/yangyanqin2545/article/details/131134998

版权

在uni-app中实现分享功能遇到微信小程序不支持uni.share()的问题。尝试使用button组件的open-type属性调用微信好友列表，但无法等待后端数据。最终通过async改造onShareAppMessage方法，确保在获取后端数据后进行分享。

摘要由CSDN通过智能技术生成

uni-app分享功能实现

1、功能描述

用户点击分享需要调用后端接口，将后端接口返回的链接发送给微信好友

2、存在的问题

（1）刚开始使用uni.share()方法，结果发现微信小程序不支持；

（2）第二次使用uni-app中自带button组件，利用其开放功能open-type可以调用微信好友列表，但是无法等待后端请求数据，已经形成分享内容（显然这个内容和地址并不是我们想要的）；

（3）最后利用button组件，将onShareAppMessage用async进行改造，等到请求接口之后再来进行分享；

3、详细代码

<view>
	<button open-type='share'></button>
</view>

// 分享(这里需要将onShareAppMessage方法修改为同步)
async onShareAppMessage() {
    const result = await this.getMessageList();// 你的方法
    return {
    	title: '你的好友给你分享了选择，快去查看吧~',
    	path: `/pageA/patients/shareDetail?link=${result.msg}`,
    	imageUrl: ''
    }
}