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

可以看这篇文章

相关推荐
2501_916007472 分钟前
iOS文件管理工具深度剖析,从系统沙盒到跨平台文件操作的多工具协同实践
android·macos·ios·小程序·uni-app·cocoa·iphone
shykevin30 分钟前
uni-app x开发商城系统,扩展组件uni-ui实现底部商品导航
uni-app
wapchief39 分钟前
微信小程序camera相机帧转图片base64
微信小程序·小程序
QuantumLeap丶42 分钟前
《uni-app跨平台开发完全指南》- 05 - 基础组件使用
vue.js·微信小程序·uni-app
发财北1 小时前
全屋智能家居定制小程序
小程序
2501_915918412 小时前
Flutter 加固方案对比与实战,多工具组合的跨平台安全体系(Flutter App 加固/IPA 成品混淆/Ipa Guard CLI/自动化安全流程)
安全·flutter·ios·小程序·uni-app·自动化·iphone
泽_浪里白条3 小时前
UniApp + Vue3 开发微信小程序数字人:TTS PCM 音频流与 SVGA 动画同步实战
微信小程序
小蒜学长3 小时前
springboot基于Java的校园导航微信小程序的设计与实现(代码+数据库+LW)
java·spring boot·后端·微信小程序
说私域3 小时前
定制开发AI智能名片S2B2C商城小程序的发展与整合资源策略研究
人工智能·小程序
WenGyyyL4 小时前
微信小程序开发——第二章:微信小程序开发环境搭建
开发语言·python·微信小程序