微信小程序错误监控方法谈

对于小程序开发者来讲，如何进行错误监控一直是个头疼的问题。因为小程序开发迭代较快，会存在系统问题，机型问题和版本的兼容问题，有时候咱们在自行测试中完美运行，可老是有用户抱怨使用异常。若是咱们对小程序的错误进行有效的监控，能够帮助小程序开发者发现异常，优化代码，用户体验也会随着优化逐步的提高。

做为一个小程序开发者，若是你对前端开发比较熟悉，那么在错误监控方面可能会更快的上手。由于小程序错误监控和 Web 端错误监控自己就具备不少类似性，所以监控的数据规则基本是一致的，但因为小程序自身的特性，在错误监控方面会有如下不一样：

• 在 Web 端咱们监测的是页面完整的url，而小程序端监测的是路由地址；
• 小程序页面属于微信内部的页面，使用时已所有加载完毕，所以监控页面性能时不统计页面加载时长等信息，更多的是对页面内请求、资源请求和用户行为的监控；
• 因为微信官方和小程序代码的要求，集成方式对比 Web 端会相对严格一些。

---

根据以上的相同点和不一样点，咱们能够整理出对于小程序而言，哪些数据是须要监控的：

• JavaScript异常监控：不管是 Web 端仍是小程序端，对JavaScript异常的监控都是必要的；
• 页面内请求监控：对于小程序来讲，咱们须要统计发送网络请求的wx.request()异常时的请求状态、请求时长、请求地址等；
• 资源加载监控：当须要下载资源到本地的wx.downloadFile() 出现异常时，统计加载时间、异常类型、资源地址等；
• 页面性能监控：访问监控、页面来源及流向监控等，方便咱们更好的对小程序进行运营；
• 用户数据统计：用户的分布、操做系统及版本、微信版本、IP 地址等，给错误的分析提供更多条件。

对于小程序出现的错误，咱们目前只能在开发者工具上进行追踪和调试，有条件的开发者也能够选择在真机上进行调试，可是小程序大多仍是小团队和我的开发者，拥有不一样操做系统，不一样型号，不一样版本的真机进行调试仍是不太现实，这里就可能会出如今本地调试中没有出现的问题，且很难定位的到。

在目前的微信小程序后台中，对于上面后两点的监控和统计已经能够实现，用户数据的分析也比较完善，可是对于错误的监控目前还没法实现，这里咱们能够借助第三方工具来进行对错误的监控。

这里咱们选择错误监控平台 FrontJS 的小程序错误监控：https://www.frontjs.com/

FrontJS 的小程序错误监控相比于微信小程序后台的数据监控，增长了对于错误的统计和产生错误的相关用户分析，FrontJS能够收集精细到console.log级别的任何JavaScript异常信息并提供 stack trace 信息；对于任何一条错误信息或访问，它都会统计到该用户的IP、屏幕分辨率、DPR、操做系统类型和微信版本，方便咱们更有针对性的去调试出现的错误。

使用时咱们只需引入 FrontJS 插件，并添加配置代码，便可开启监控。

具体方法：

• 进入 FrontJS 后注册帐号，登录后选择建立项目，在建立项目页面的名称后选择“微信小程序”。

在这个页面也能够对不监听的资源和信任域进行设置。

建立完成后，咱们只须要根据页面右侧的提示进行操做，就能够完成小程序错误监控的所有设置。

集成完毕后就能够开始错误的监控了，具体界面以下，在左侧菜单栏中咱们能够选择不一样的条件进行错误的筛选，具体内容各位能够亲自尝试。

FrontJS对微信小程序下已有的相关方法进行了监听，在出现异常或须要监控时，FrontJS会及时发现并统计数据，而且彻底不影响小程序的正常运行。

在后续更新中，FrontJS 会继续挖掘可监控到的信息，如用户的位置信息，语言，基础库版本等，对这些信息作更优处理，配合可视化工具，开发者将能够构建出更符合自身需求的数据方案。