uniapp-微信小程序分享功能-onShareAppMessage

海绵宝宝不喜欢侬2025-09-15 20:45

页面内放置分享按钮，用户A点击分享给用户B且传参，比如邀请码；

html 复制代码

<button open-type="share" style="margin: 0;padding: 0;border: none;background-color: transparent;">
	<view class="flex">
		<image src="https://jsfzapi.zexun.tech/getfile/statics/cdn/dyt_images/level/wx_icon.png" mode="widthFix"
			class="wx_icon" />
		<text>微信分享</text>
	</view>
</button>

javascript 复制代码

// 分享
onShareAppMessage(res) {
	console.log(res);
	if (res.from === 'button') {// 来自页面内分享按钮
		console.log(res.target)
	}
	return {
		title: 'xxx小程序',
		path: `/pages/index/index?inviteCode=${this.inviteCode}`
	}
},

用户B点击被分享过来的卡片进入小程序首页（也可以是登录页面等），进入后在首页拿到邀请码，存起来，用户登录时，作为邀请者的标识进行关联；
注：分享时跳转的是哪个页面就在哪个页面监听参数；

javascript 复制代码

onLoad(options) {
	console.log(options, 'options');
	// 分享卡片给朋友
	if(options.inviteCode){
		let inviteCode = options.inviteCode
		uni.$u.vuex("$inviteCode", inviteCode)
	}
},