uniapp方法二开发微信小程序实现分享链接给朋友

注意: 在微信 里面有两种分享 :

1、点击 按钮分享

2、微信小程序右上角自带分享功能

以下说的是 第一种做法 第二种做法在另外一篇文章

1、绑定

// 按钮 绑定 -> open-type="share"

复制代码
<u-button type="info" color="transparent" class="custom-button" open-type="share">
	分享
			</u-button>

2、事件

可以携带一些参数 过去

javascript 复制代码
	//左侧分享功能 
		onShareAppMessage(res) {
			let customerId = uni.getStorageSync('customerId'); 
			let userId = uni.getStorageSync('userId');   
			let sceneStr = '';
			let scene = {
				a: userId,//用户id
				b: customerId,//客户id
				d: this.activityType == 4 ? 5 : this.activityType, // 活动类型  如果传过来的值是 4 那么就传 5过去
				c: 1//c=海报类型1客户2员工
			};
			if (res.from === 'button') {	// 来自页面内分享按钮
				console.log(res.target);
			}
			return {
				title: '推荐有礼', //分享的名称
				path: '/pages/Login/index?scene=' + encodeURIComponent(JSON.stringify(scene)) + '&tiaozhuan=' + 1,
				mpId: 'wx363402ec173d7c4f' //微信小程序的AppId	
			};
		},

再另一个页面获取数据

javascript 复制代码
onLoad(data) {
let scene = JSON.parse(decodeURIComponent(data.scene));
}

可以看这篇文章

相关推荐
30764 小时前
uni-app在微信小程序国际化分包方案:优雅解决主包体积超限问题
微信小程序
文慧的科技江湖9 小时前
光储充一体化开源能源管理系统 需求说明书(简单版) - 慧知开源充电桩平台
小程序·开源·能源·光储充·光伏系统·实现光储充全设备统一监控·光储充一体化开源能源管理系统
启山智软10 小时前
前沿主流技术栈商城系统(Java JDK21 + Vue3 + Uniapp)
java·开发语言·uni-app
eric*168811 小时前
Mac反编译小程序教程
小程序·小程序反编译
打瞌睡的朱尤12 小时前
微信小程序50~75
微信小程序·小程序
ZC跨境爬虫12 小时前
【零基础实战】Fiddler抓取PC微信小程序数据流,爬取华为商城商品配置+真实评论(完整可运行代码+逐行解析)
测试工具·微信小程序·fiddler
WeirdOwl12 小时前
uniapp 嵌入外部h5 报错/收不到消息
uni-app
weixin_3947580315 小时前
直播间小程序码生成问题修复代码清单
android·小程序·apache
程序鉴定师1 天前
上海本凡科技解密小程序开发公司的价格构成与市场价值
大数据·小程序
hnxaoli2 天前
win10小程序(十九)鼠标位置记录
python·小程序