uniapp 微信小程序分享给微信好友与分享到朋友圈功能

uniapp 微信小程序分享给微信好友与分享到朋友圈功能

微信小程序分享

在这里插入图片描述

使用方法:

onLoad(){
	wx.showShareMenu({
		withShareTicket:true,
		//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
		menus:["shareAppMessage","shareTimeline"]
	})
},
//发送给朋友
onShareAppMessage(res) {
	// 此处的distSource为分享者的部分信息,需要传递给其他人
	let distSource = uni.getStorageSync('distSource');
	if (distSource) {
		return {
			title: '欢迎使用xxx商城',
			type: 0,
			path: '/pages/index/index?id=' + distSource,
			summary: "",
			imageUrl: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png"
		}
	}
},
//分享到朋友圈
onShareTimeline(res) {
	let distSource = uni.getStorageSync('distSource');
	if (distSource) {
		return {
			title: '欢迎使用xxx商城',
			type: 0,
			query: 'id=' + distSource,
			summary: "",
			imageUrl: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png"
		}
	}
},

注意事项

  1. 分享给朋友圈功能是2020年7月份新增的功能,目前仅支持安卓,IOS不支持
  2. 目前是内测阶段,部分功能还是有问题的,例如分享到朋友圈功能,其中的query参数,这个参数在onLoad中是获取不到的,也就是说从此页面分享出去的,其他人进入此页面是拿不到分享者的信息的。这样就不能做分享者与用户之间的关联了。
uniapp中,如果没有分享朋友圈按钮,可以按照以下步骤进行操作: 1. 首先,在`onLoad`生命周期函数中添加`shareAppMessage`和`shareTimeline`,确保分享朋友圈功能已经添加。\[1\] 2. 在需要添加分享朋友圈按钮的页面的模板中,可以使用`<button>`标签,并设置`open-type="share"`属性。\[2\] 3. 在页面的`methods`中,添加`onShareAppMessage`和`onShareTimeline`方法,分别用于转发给朋友和转发朋友圈。在这两个方法中,可以设置分享的标题、跳转路径和图片等参数。\[2\] 4. 如果需要在按钮点击事件中进行分享,可以在`onShareAppMessage`方法中判断`e.from`的值,如果是`button`,则表示点击了按钮进行分享,可以在此处执行相应的操作。\[3\] 通过以上步骤,你可以在uniapp中添加分享朋友圈按钮并实现相应的功能。 #### 引用[.reference_title] - *1* [Uniapp 分享朋友圈](https://blog.csdn.net/weixin_52607811/article/details/126834250)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [uniapp 分享功能-分享给朋友群聊朋友圈效果(整理)](https://blog.csdn.net/qq_38881495/article/details/126163246)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叶浩成520

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值