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: ''
    }
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐