uniapp小程序分享功能(分享好友/朋友圈)
uniapp小程序所有页面实现分享功能(分享好友/朋友圈)
·
每个页面都可以分享,但是分享进入是进入首页
在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调用这个方法即可实现
更多推荐
已为社区贡献2条内容
所有评论(0)