/mitojs

👀 一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK

Primary LanguageHTMLMIT LicenseMIT

Ohbug

一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK

npm version license Code style build status codecov

功能

  • 🔨监听请求错误
  • 🔨console
  • 🔨路由跳转
  • 🔨代码报错
  • 🔨click、wx:tab、touchmove
  • 🔨资源加载错误
  • 🏅自定义上报错误
  • 🚀丰富的hooks与配置项支持可高定制化
  • 🌝支持IE8和安卓5以上
  • 👌持续迭代与更新
  • 完善的e2e测试
  • 完善的单元测试(77%~coding)
  • 支持原生Web @mitojs/browser
  • 支持Web框架(Vue3、Vue2、React@Next) @mitojs/web
  • 支持原生微信小程序、支持uni-app等微信小程序框架 @mitojs/wx-mini

安装

web

使用npm

$ npm i @mitojs/web

使用yarn

$ yarn add @mitojs/web

使用CDN

<script src="https://cdn.jsdelivr.net/npm/@mitojs/web/dist/web.min.js"></script>

wx-mini

使用npm

$ npm i @mitojs/wx-mini

使用yarn

$ yarn add @mitojs/wx-mini

使用CDN

<script src="https://cdn.jsdelivr.net/npm/@mitojs/wx-mini/dist/wx-mini.js"></script>

迁移指南

改造原因

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

  • @mitojs/core
  • @mitojs/shared
  • @mitojs/browser
  • @mitojs/vue
  • @mitojs/react
  • @mitojs/wx-mini
  • @mitojs/web

优势:

  1. 为了减少包大小
  2. 后续好维护,方便添加新功能,如:埋点SDK、node监控

迁移

使用指南

使用指南

hooks与配置项

hooks与配置项

示例

mitojs-在线demo

mito-在线demo

收集信息平台展示

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

react-example

vue-在线示例

react-在线示例

js-在线示例

wx-mini-在线示例

issue

欢迎所有人提issue,如果有什么好的建议和问题可以直接联系本人微信(备注mitojs):