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

可以看这篇文章

相关推荐
一匹电信狗1 小时前
【Linux我做主】从 fopen 到 open:Linux 文件 I/O 的本质与内核视角
linux·运维·服务器·c++·ubuntu·小程序·开源
2501_915921431 小时前
Fastlane 结合 AppUploader 来实现 CI 集成自动化上架
android·运维·ci/cd·小程序·uni-app·自动化·iphone
云游云记1 小时前
vue2 vue3 uniapp (微信小程序) v-model双向绑定
微信小程序·uni-app·vue
2501_915921432 小时前
iOS 抓包怎么绕过 SSL Pinning 证书限制,抓取app上的包
android·网络协议·ios·小程序·uni-app·iphone·ssl
黑睿2 小时前
微信小程序,skyline引擎,display: grid失效问题解决
microsoft·微信小程序·小程序
毕设源码-朱学姐16 小时前
【开题答辩全过程】以 基于微信小程序的大学生安全素质综合培养平台设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
潆润千川科技19 小时前
中老年垂直社交小程序产品功能对比与设计思路分析
小程序
木风未来19 小时前
解锁自然新可能:露营租赁小程序如何让轻量化户外触手可及
小程序
木风未来1 天前
破解家政维修信任困局:一个小程序如何让家庭服务更透明、更高效
小程序
Java.慈祥1 天前
速通-微信小程序 5Day
java·微信小程序·小程序·npm