mitojs是一款专业的轻量级前端库。编程人员都在使用的SDK工具mitojs。主要功能是收集用户的单击行为,路由跳转,接口错误,代码错误和其他数据信息,将回馈到服务器收集的数据,允许高管了解用户访问页面,了解用户的访问权限是,了解网站异常接口错误,第一次服务器查看每页单击和通信异常问题,如果需要将此页面数据收集功能添加到您的软件中,您可以使用MITOJS将其部署到您自己。该软件可以正常使用,保存用户自己开发数据收集功能,一键入导入SDK可以使用此功能,软件可以检测页面数据类型或非常多,您需要下载它!
软件功能:
1.聆听请求错误
2.控制台
3.由跳转
4.代码报告错误
5.单击,WX:Tab,TouchMove
6.资源负载错误
7.定制以报告错误
8.丰富的钩子和配置项目可以高度定制
9.支持IE8和Android 5或更多
10.连续迭代和更新
11.完美的E2E测试
12.完美的单元测试(77%〜编码)
13.支持本机Web @ Mitojs /浏览器
14.支持Web框架(Vue3,Vue2,React @ Next)
15.支持本地微信Applet,支持Uni-App等。微信的小程序框架
软件特色:
1.DSN服务地址,报告的地址,默认情况下打开POST方法,并且在TRUE时禁用SDK。
2.每个项目对应于apikey,唯一的身份用于存储错误的集合
3.默认情况下,控制台上不会打印用户行为和错误消息,当时将在控制台上打印。
4.默认关闭`traceId`,当所有请求时,所有请求都会生成UUID,放入请求的头部
5,用户行为存储的最大容量,最大值为100,当您配置100多个时,它最终将设置为100,一方面,它是为了防止更多的内存,一方面,有保存超过100名用户并不有意义。
3.所有Ajax都将被聆听,当不为空时,滤波器过滤器会在为止时进行过滤。
6,挂钩功能,将发送到服务器的XHR配置
7,您可以在当前xhr实例上执行一些配置:xhr.setrequestheader(),xhr.withcredentials
8,挂钩功能,调用Param事件以在每个发送事件之前生成由SDK生成的错误事件
9.当状态小于400时,当它不等于0时调用当前钩子时的时间
10.拦截用户页面的Ajax请求,并在发送AJAX请求之前执行挂钩,您可以执行XHR.SetRequestHeader到用户发送的Ajax求。
11.在报表数据和SDK信息数据的集成中,立即立即向服务器报告当前功能。
12. TrackerID表示用户唯一密钥(可以理解为UserID),TrackerID的含义可以区分受每个错误影响的用户数量
常见问题:
这个SDK是如何使用的?
SDK是捕获前端页面的错误,然后恢复
要配置的接口端口。 至于服务器和错误可视界面,有必要实现自己,适用于对开发前端监控系统感兴趣的开发人员。
这个SDK的稳定性是什么? 你可以使用正式的环境吗?
目前,公司的监控系统也使用当前的SDK,这也是迭代,目前稳定或确定,并具有完美的E2E,单一测试也是编码,对叉子感兴趣,自己习惯
安装方法:
网页
NPM.
$ npm i @ mitojs / web
使用纱线
$ yarn添加@ mitojs / web
使用cdn.
脚本src =“https://cdn.jsdelivr.net/npm/@mitojs/web/dist/web.min.js”>
wx-mini.
NPM.
$ npm i @ mitojs / wx-mini
用纱线
$ yarn添加@ mitojs / wx-mini
使用cdn.
脚本src =“https://cdn.jsdelivr.net/npm/@mitojs/wx-mini/dist/wx-mini.js”>
重建原因
在开始时,只有@ zyf2e / mitojs一个包,包括本机浏览器,Vue,React,Wechat Applet的所有监视代码,这是相对简单的,但微信Applet的包是有限的,所以我想尽可能地限制Mitojs大小,分为:
优势:
为了减小包的大小
随后的维护,易于添加新功能,如:点SDK,节点监控
案例内容
样1页
请打开控制台以查看MITOJS的结果,当您采取行动时,控制台将打印您的行为
您正确页面的操作行为将实时打印
示例第2页
收集信息平台显示
SDK可以收集哪些信息:以下示例将您逐个显示:
手动报告
mito.log.
有时我们需要在商业代码中报告业务信息或嵌入信息。此时,可以手动使用mito.log。以下示例是,如果将报告异常,则接口异常。
您还可以计算浏览时间(PV)的数量,用户(UV)的数量,在以下代码中的事件页面中的埋头点,uv的统计信息需要依赖TrackerID