uniapp-微信小程序实现分享给好友功能且动态页面

        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)

  • 22
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值