小程序全局注入-gio原理简单分析

1.简单看了一下gio源码,通过定义App和Page两个方法,将小程序运行时的App()和Page()作为调用,然后对App和Page中的对应的事件方法进行注入自己的代码实现埋点

核心代码 

Page = function () { return VdsInstrumentAgent.GrowingPage(arguments[0]) }

App = function () { return VdsInstrumentAgent.GrowingApp(arguments[0]) }

然后在方法中对App和Page调用的arguments遍历就可以了

2.问题:那么问题来了,我们是不是也可以全局注入一些我们想要的东西呢?

我就有这么一个需求:虽然又gio的埋点统计,自己服务器也要记录一些用户路径,用户设备到我们自己的数据库

初次实现:在每个page的onshow方法中加入埋点请求的方法,这个方法定义在一个公共文件中

考虑:每次新增一个页面,就要引入公共文件,调用一下方法,有点麻烦

借鉴gio实现:先初始化gio,然后拿到gio中的App方法,再简单赋值给一个变量,最后再重置App方法(切断引用),注入自己的代码,简单代码如下(此处以App实例为例子,Page实现同理),具体实现就不贴代码了,大家有兴趣可以自己实现下,就是判断onShow方法,注入一个埋点请求就可以了

const gioApp = App

App = (obj) => {

// 自己的代码

console.log(1)

// 调用gio的App方法

gioApp(obj)

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值