精品软件 400多个 139my辅 3DESIGN 567网盘

mitojs v2.0.0

mitojs
软件大小: 15.5 MB 更新时间: 2021-12-30 应用平台: WinAll 软件分类: 编程开发

mitojs是一款功能丰富的SDK工具,主要的功能就是收集页面的用户点击行为、路由跳转、接口报错、代码报错等数据,将收集到的数据反馈给服务端,让管理人员可以了解用户访问页面的,了解用户在站点访问了哪些内容,了解站点异常接口错误,第一时间服务端查看各项页面点击和通信异常问题,如果你需要给自己的软件附加这种页面数据收集功能就可以使用mitojs,直接将其部署到自己的软件就可以正常使用,节约用户自己开发数据收集功能的时间,一键导入SDK就可以使用该功能,软件可以检测的页面数据类型还是很多的!

mitojs软件功能

1、监听请求错误

2、console

3、路由跳转

4、代码报错

5、click、wx:tab、touchmove

6、资源加载错误

7、自定义上报错误

8、丰富的hooks与配置项支持可高定制化

9、支持IE8和安卓5以上

10、持续迭代与更新

11、完善的e2e测试

12、完善的单元测试(77%~coding)

13、支持原生Web @mitojs/bwser

14、支持Web框架(Vue3、Vue2、React@Next)

15、支持原生微信小程序、支持uni-app等微信小程序框架

mitojs软件特色

1、dsn服务地址,上报接口的地址,post方法默认是开启状态,为true时,会将sdk禁用

2、每个项目对应一个apikey,用于存放错误集的唯一标识

3、默认不会在控制台打印用户行为和错误,为true时将会在控台打印

4、默认关闭`traceId`,开启时,页面的所有请求都会生成一个uuid,放入请求头中

5、用户行为存放的最大容量,最大是100,当你配置超过100时,最终还是会设置成100,一方面是防止占更多的内存、一方面是保存超过100条用户行为没多大意义

5、所有ajax都会被监听,不为空时,filterXhrUrlRegExp.test(xhr.url)为true时过滤

6、钩子函数,配置发送到服务端的xhr

7、可以对当前xhr实例做一些配置:xhr.setRequestHeader()、xhr.withCredentials

8、钩子函数,在每次发送事件前会调用param nt 有SDK生成的错误事件

9、在状态小于400并且不等于0的时候回调用当前hook

10、拦截用户页面的ajax请求,并在ajax请求发送前执行该hook,可以对用户发送的ajax请求做xhr.setRequestHeader

11、在整合上报数据和本身SDK数据前调用,当前函数执行完后立即将数据错误上报至服务端

12、trackerId表示用户唯一键(可以理解成userId),需要trackerId的意义可以区分每个错误影响的用户数量

mitojs安装方法

web

使用npm

$ npm i @mitojs/web

使用yarn

$ yarn add @mitojs/web

使用CDN

scpt src=”https://cdn.jsdelivr.net/npm/@mitojs/web/dist/web.min.js”>

wx-mini

使用npm

$ npm i @mitojs/wx-mini

使用yarn

$ yarn add @mitojs/wx-mini

使用CDN

scpt src=”https://cdn.jsdelivr.net/npm/@mitojs/wx-mini/dist/wx-mini.js”>

改造原因

一开始只有@zyf2e/mitojs一个包,里面包含了原生浏览器、Vue、React、微信小程序的所有监控代码,使用起来比较简单,但是微信小程序的包是有大小限制,所以想要尽量限制mitojs的大小,分成:

优势:

为了减少包大小

后续好,方便添加新功能,如:埋点SDK、node监控

案例内容

示例页面1

请打开控制台查看mitojs的调式结果,当你作页面时,控制台会打印你的行为

右边页面会实时打印的你作行为

示例页面2

收集平台展示

该SDK能收集哪些:下面这些例子给你一一展示:

手动上报

MITO.log

有时我们需要在某个业务代码中上报业务或者是埋点,这时可以用到MITO.log手动上报,下面这个例子就是在获取支付状态的接口是否异常,如果异常就上报异常。

还可以统计每个功能的浏览次数(PV),用户量(UV),在以下代码中在活动页面埋点,UV的统计需要依赖trackerId

mitojs常见问题

这个SDK具体是怎么使用的?

该SDK是为了抓取前端页面的错误,上报到你所配置的接口。至于服务端和错误可视化界面是需要自己实现,适合给有意向自己研发前端监控系统的开发者使用最佳

这个SDK的稳定如何?能不能用到正式环境?

目前本人所在的公司的监控系统也在使用当前SDK,也在迭代中,到目前而言稳定还是OK的,而且已经有完善的e2e,单测也coding中,感兴趣的可以Fork下来,自己定制