微信小程序统一分享，全局接管页面分享消息的一些技巧

最新推荐文章于 2024-07-25 15:19:49 发布

大帅老猿

最新推荐文章于 2024-07-25 15:19:49 发布

阅读量3.5k

点赞数 5

文章标签：微信小程序前端小程序

本文链接：https://blog.csdn.net/ezshine/article/details/125562077

版权

本文介绍了如何在微信小程序中实现全局接管分享事件，从而避免在每个页面重复设置分享回调。通过监听页面栈变化并替换分享函数，可以确保所有页面都能统一处理分享。此外，还分享了一个小技巧，即在分享时先跳转到首页，然后根据启动参数决定后续的页面跳转，以提高分享的传播效果。

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

前言

最近都在折腾自己的个人内容聚合小程序。除了作为原创专栏，视频教程的聚合。我有什么新的想法，产品创意，最终落地的东西都会放到这个小程序里。

而分享功能非常的重要，当某一个功能或文章打动用户的时候，能把这个小程序分享出去，就能带来裂变传播的效果。

全局接管分享事件

而随着功能越来越多，页面越来越多，每一个页面都需要添加分享的回调方法吗？

onShareAppMessage: function () {
  return {
    title: '分享的标题',
    path: '分享的页面路径'
  }
},

有没有办法能全局统一接管分享呢？写一次，所有页面就都可以分享了。

能！

由于onShareAppMessage是一个函数，在用户点击右上角...时触发，或者<button open-type='share'>时触发。所以我们只要在这之前替换掉这个函数就可以了。

通过wx.onAppRoute(cb)这个方法，我们可以监听到微信小程序页面栈的变化。

//在小程序启动时添加全局路由变化的监听
onLaunch(){
    wx.onAppRoute(()=>{
        console.log('page stack changed');
        console.log(getCurrentPages());
    });
}

onAppRoute会在页面栈改变后被触发，这个时候通过get

关注