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

  1. 页面内放置分享按钮,用户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}`
	}
},
  1. 用户B点击被分享过来的卡片进入小程序首页(也可以是登录页面等),进入后在首页拿到邀请码,存起来,用户登录时,作为邀请者的标识进行关联;
    注:分享时跳转的是哪个页面就在哪个页面监听参数;
javascript 复制代码
onLoad(options) {
	console.log(options, 'options');
	// 分享卡片给朋友
	if(options.inviteCode){
		let inviteCode = options.inviteCode
		uni.$u.vuex("$inviteCode", inviteCode)
	}
},
相关推荐
说私域3 小时前
百丽企业数字化转型失败案例分析及其AI智能名片S2B2C商城小程序的适用性探讨
人工智能·小程序
卷Java7 小时前
违规通知功能修改说明
java·数据库·微信小程序·uni-app
小咕聊编程9 小时前
【含文档+PPT+源码】基于微信小程序的农产品自主供销商城系统
微信小程序·小程序·毕业设计·农产品
white-persist13 小时前
【burp手机真机抓包】Burp Suite 在真机(Android and IOS)抓包手机APP + 微信小程序详细教程
android·前端·ios·智能手机·微信小程序·小程序·原型模式
说私域13 小时前
定制开发开源AI智能名片S2B2C商城小程序的会员制运营研究——以“老铁用户”培养为核心目标
人工智能·小程序·开源
知识分享小能手14 小时前
微信小程序入门学习教程,从入门到精通,WXSS样式处理语法基础(9)
前端·javascript·vscode·学习·微信小程序·小程序·vue
尘似鹤14 小时前
微信小程序学习(四)
学习·微信小程序
说私域17 小时前
公域流量转化困境下开源AI智能名片与链动2+1模式的S2B2C商城小程序应用研究
人工智能·小程序·开源
mon_star°21 小时前
瑜伽馆会员约课小程序页面功能梳理
小程序
卷Java21 小时前
用户权限控制功能实现说明
java·服务器·开发语言·数据库·servlet·微信小程序·uni-app