uniapp小程序分享功能（分享好友/朋友圈）

最新推荐文章于 2024-09-28 08:12:05 发布

peachSoda7

最新推荐文章于 2024-09-28 08:12:05 发布

阅读量1.9k

点赞数

文章标签： uni-app 小程序前端

本文链接：https://blog.csdn.net/weixin_63515766/article/details/131696738

版权

通过在App.vue的methods中定义globalSharing方法，监听路由切换，使用uni.onAppRoute和getCurrentPages获取当前页面，设置wx.showShareMenu的分享菜单，并在各页面onShareAppMessage中统一配置分享内容，如标题、路径和图片。在onLaunch调用此方法可使每个页面分享时进入指定首页。

摘要由CSDN通过智能技术生成

每个页面都可以分享，但是分享进入是进入首页

在App.vue的methods中定义一个方法：

globalSharing() {
				//监听路由切换, 间接实现全局设置分享内容
				uni.onAppRoute(res => {
					console.log("间接实现全局设置分享内容");
					//获取加载的页面
					const pages = getCurrentPages(),
						//获取当前页面的对象
						view = pages[pages.length - 1];
					if (view) {
						//全局触发 显示出分享具栏
						wx.showShareMenu({
							withShareTicket: true,
							//设置下方的Menus菜单，这个官网有配置，分别是分享好友和分享朋友圈
							menus: ["shareAppMessage"]
						})
			
						view.onShareAppMessage = () => {
							//分享配置
							return {
								title: '你的小程序名称',
								path: '/pages/index/main', //你小程序的首页
							   imageUrl: '/static/images/app-logo.png',
								success(res) {
									uni.showToast({
										title: '分享成功'
									})
								},
								fail(res) {
									uni.showToast({
										title: '分享失败',
										icon: 'none'
									})
								}
							};
						};
					}
				})
			},

在onLaunch调用这个方法即可实现