uniapp 全局设置分享朋友及分享到朋友圈功能,在我们没有配置微信的分享时候,微信小程序的时候可用看到,分享链接和这两个都是置灰的,如果我们想要让别人可以分享或者复制链接分享我们的小程序的话,就想要自己开发和配置。
接下来分享全局实现的步骤(不需要在每个页面单独配置):
这里我们实现的是分享当前页面的功能,如果想实现所有页面都是分享同一个页面,可用把path写死就好了
步骤一
我们先在pages目录下创建一个minix (混入)目录,然后创建一个js文件
步骤二
在js文件中编写如下代码
index.js
export default {
data() {
return {
title: '分享的标题',
path: ''
}
},
created() {
//#ifdef MP-WEIXIN
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
});
// 尝试通过 uni.getCurrentPages 获取当前页面栈,然后获取栈顶页面的路由信息
const pages = getCurrentPages();
if (pages.length > 0) {
const currentPage = pages[pages.length - 1];
this.path = currentPage.route;
}
//#endif
},
//2.配置分享好友
onShareAppMessage(res) {
return {
title: this.title,
path: this.path
}
},
//2.配置分享到朋友圈
onShareTimeline(res) {
return {
title: this.title,
path: this.path
}
}
}
步骤三
接下来,我们就需要在 main.js 中 使用 Vue 的 mixin() 方法全局混入就可以了
import myMixin from './pages/minix/index.js'
app.mixin(myMixin)
标签:uniapp,title,程序实现,微信,js,path,分享,pages,页面
From: https://blog.csdn.net/m0_75269526/article/details/141094079