微信小程序分享 onShareAppMessage onShareTimeline 使用 async promies 的坑和方式

最新推荐文章于 2025-10-24 17:52:25 发布

原创

最新推荐文章于 2025-10-24 17:52:25 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #javascript #小程序

在uniapp开发微信小程序中遇到分享接口问题，onShareAppMessage用于分享到朋友成功获取并拼接参数，但onShareTimeline分享到朋友圈时不生效。分析原因是微信分享朋友圈API暂不支持async写法。解决办法是在页面加载时预先请求接口，提前准备好分享URL，以避免分享时的延迟。

开发环境：uniapp window uview

开发背景：分享的链接参数是接口生成的，所以每次分享的时候需要进行调用一个接口。为了实现这个目标，想到用async 来等待接口请求完了，在分享

实际测试：

测试分享好友：测试结果是成功，分享的url，确实会带上接口返回的参数

async onShareAppMessage(res) {
			const {data} = await this.$u.api.getShareOther();
			return {
				title: '分享文本',
				path: `/pages/post/post-details?scene=${data.shareScene}`,
				imageUrl: ''
			}
}

测试分享朋友圈：测试结果是失败了，接口有调用，但是分享的url，没有带上接口返回参数，

async onShareTimeline(res) {
			const {data} = await this.$u.api.getShareOther();
			return {
				title: '分享朋友圈文本',
				path: `/pages/post/post-details?scene=${data.shareScene}`,
				imageUrl: ''
			}
}

分析原因：