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));
}

可以看这篇文章

相关推荐
Rysxt_19 小时前
uni-app x 教程:下一代跨平台开发框架
uni-app·uni-app x
说私域20 小时前
基于AI智能名片链动2+1模式服务预约小程序的旅拍消费需求激发路径研究
大数据·人工智能·小程序
小白学大数据1 天前
某程旅行小程序爬虫技术解析与实战案例
爬虫·小程序
小小王app小程序开发1 天前
家政服务小程序特殊玩法开发全解析:技术实现+架构支撑+合规落地
小程序·架构
游戏开发爱好者81 天前
2025年iOS应用上架App Store全指南,开发者必看
android·ios·小程序·https·uni-app·iphone·webview
集成显卡1 天前
CVE检索工具 | 开发一款检索漏洞信息的小程序
网络安全·小程序·uni-app·cve·漏洞信息
luffy54591 天前
微信小程序实现图片横向滑动的示例
微信小程序·小程序
万岳软件开发小城1 天前
直播电商系统源码搭建直播带货APP/小程序的完整流程
小程序·php·软件开发·直播带货系统源码·直播电商app开发
棒棒的唐1 天前
使用微信小程序版Vant的upload组件上传身份证的样式自定义方案(Css魔改版)
css·微信小程序·小程序
jaqi.l1 天前
uni-app 小程序全局挂载分享功能,并动态配置页面是否可以分享
vue.js·小程序·uni-app