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中是获取不到的,也就是说从此页面分享出去的,其他人进入此页面是拿不到分享者的信息的。这样就不能做分享者与用户之间的关联了。
  • 11
    点赞
  • 73
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
uniapp中实现分享好友功能,你可以按照以下步骤进行操作: 1. 在你的uniapp项目中,首先创建一个按钮,将分享功能绑定在这个按钮上。可以使用如下代码: ```html <button @click="shareFriends">分享好友</button> ``` 2. 在你的js文件中,添加shareFriends()方法,用于实现分享功能。可以使用以下代码作为参考: ```javascript shareFriends() { uni.share({ provider: 'weixin', //分享服务提供商(即weixin|qq|sinaweibo) scene: "WXSceneSession", //分享到聊天界面 type: 5, //分享类型 title: '分享标题', //分享标题 summary: "分享描述", //分享描述 href: 'www.baidu.com', //分享跳转地址 imageUrl: '../static/lovehot.png', //分享图片路径(必须是线上可访问图片) miniProgram: { //小程序信息 id: 'gh_c6a0acadf951', path: 'pages/index/index', type: 0, webUrl: 'http://uniapp.dcloud.io' }, success: function(res) { console.log("success:" + JSON.stringify(res)); }, fail: function(err) { console.log("fail:" + JSON.stringify(err)); } }) } ``` 3. 在分享功能中,可以根据需要修改分享的相关参数,比如分享的标题、描述、图片路径等。在分享成功或失败的回调函数中,你也可以根据需要进行相应的操作。 4. 如果你想了解更多关于uniapp分享功能的详细使用内容,可以参考中提供的博客链接。 通过以上步骤,你可以在uniapp中实现分享好友功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [uniapp小程序分享uni.share给好友](https://blog.csdn.net/qq_51463650/article/details/128147359)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [uniapp 微信H5分享 下载就能用](https://download.csdn.net/download/nihao123456789222/63987585)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .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、付费专栏及课程。

余额充值