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

这篇具有很好参考价值的文章主要介绍了微信小程序统一分享,全局接管页面分享消息的一些技巧。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

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

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

全局接管分享事件

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

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文章来源地址https://www.toymoban.com/news/detail-614373.html

到了这里,关于微信小程序统一分享,全局接管页面分享消息的一些技巧的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 全局配置||微信小程序 页面配置||微信小程序 sitemap配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了部分常用配置选项的 app.json : 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配

    2024年02月01日
    浏览(47)
  • 微信小程序-----全局配置与页面配置

    目录 前言 全局配置文件 一、window 1. 小程序窗口的组成部分 2. window 节点常用的配置项 3. 设置导航栏的标题  4. 设置导航栏的背景色  5. 设置导航栏的标题颜色 6. 全局开启下拉刷新功能 7. 设置下拉刷新时窗口的背景色 8. 设置下拉刷新时 loading 的样式 9. 设置上拉触底的距离

    2024年01月17日
    浏览(48)
  • 微信小程序页面监听全局变量变化

    在前段时间的开发过程中,遇到了一个需要监听是否有推送的需求,需要在不同的页面监听全局变量从而进行条件渲染,因此总结了一下便有了下篇文章. 当我们开发一个大型的微信小程序时,通常会涉及到多个页面或组件之间的数据传递和共享,而全局变量可以方便地实现

    2024年02月13日
    浏览(72)
  • 微信小程序添加全局 socket 并接收消息通知

    最近小程序中有使用到socket,来建立长连接,实现消息通知。总结一下实现思路。 首先,在app.js中初始化socket,并处理消息,添加心跳检测。 然后再接收到消息时添加回调方法: 然后再需要进行通知处理的页面添加如下代码: 最后,小程序的socket通知处理就完成了,欢迎各

    2024年02月16日
    浏览(46)
  • 微信小程序(三)页面配置与全局配置

    注释很详细,直接上代码 上一篇 新增内容: 页面导航栏的属性配置 全局页面注册配置 全局导航栏配置 样式版本 源码: (标准的json是不能加注释的,但为了方便理解咱做个违背标准的决定) 页面: index.json 效果演示: 全局: app.json 效果演示: 这里有小伙伴问了,我就只用

    2024年02月02日
    浏览(43)
  • 微信小程序全局生命周期和页面生命周期

    目录 前言  小程序的生命周期 页面生命周期

    2024年02月11日
    浏览(54)
  • 微信小程序全局分享功能 wx.showShareMenu

    (我在开发一个小程序的时候,忽略了分享功能,上线用户反馈不能分享朋友圈或者好友,等复制链接问题。以下解决问题。) 在小程序的app.js页面里,写次方法,则点击右上角三个“···”会有对应的分享菜单,如果不写,其实就相当于禁用的该页面的分享。下面就来说说

    2024年02月05日
    浏览(42)
  • 微信小程序的全局生命周期和页面生命周期

            生命周期是指一个程序或者软件从创建、到开始、暂停、唤起、停止、卸载的过程,由于微信小程序分为全局和页面两部分,所有从这两部分来讲解微信小程序的生命周期            全局生命周期指的是使用App() 函数注册一个小程序,接受一个object参数,其指定

    2024年02月16日
    浏览(49)
  • 【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航

    开始前,请先完成项目创建,详见 【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验 因我们的项目是根据模板创建的,需先清理掉无效的页面代码,具体操作方式如下: 删除 pages 文件夹下的所有文件 用下方代码替换掉

    2023年04月10日
    浏览(45)
  • uniapp实现微信小程序全局可分享功能

    uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】 主要使用 Vue.js 的 全局混入 1.创建一个全局分享的js文件。示例文件路径为:./utils/shareWx.js ,在该文件中定义全局分享的内容: 2.在项目的 main.js 文件中引入该 shareWx.js 文件, 并使用 Vue.mixin() 方法将

    2024年02月09日
    浏览(59)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包