微信小程序 | 接入阿里云监控

喜大奔普，微信小程序可接入 ARMS 前端监控啦。

阿里云监控可统计JS错误率，访问速度，API请求成功率，PU/PV，页面访问量，API链路追踪，地理分布，设备型号系统版本等等，还可自定义统计内容，很是方便。

虽然官方文档写得很清楚，但不同框架和不同环境下的选择不同，本文供大家参考，少走弯路，快速接入。

将SDK内容 copy放在微信小程序/utils目录下的wxLogger.js（名字可随意）文件中

如果项目使用ES module (import)方式集成，则需要将sdk最后一行引入方式修改：


修改前：
var clazz=WXLogger;module.exports=clazz;
export default ;

添加pid、uid：
pid是你的站点ID，在阿里云控制台--业务实时监控服务--前端监控添加你的监控后，即可在设置--应用设置中看到；
uid就是你的用户ID，用于统计 UV。

如果项目使用node module (require)方式集成，则添加以下内容：

);
    pid: '你的pid',
    region'cn'
Monitor;

如果项目使用ES module (import)方式集成，则添加以下内容：

3、日志上报

静默上报

如果项目采用原生开发，直接使用静默采集 PV、Error、API、性能及 Health 数据是最方便的。

需要注意的是：小程序监控项目如需使用 hookApp、hookPage 嵌入生命周期打点，必须符合标准小程序关于 App 和 Page 的规范，即 App层有 onError，Page 层有 onShow、onHide、onUnload

在app.js中使用Monitor.hookApp(options)方法静默捕获Error类日志。其中的options即为App层相应的Object配置。使用方式如下：

在page的JS文件中通过Monitor.hookPage(options)方法静默上报PV、Health数据。使用方式如下：

/**

*/

if(‘你的环境判断方法’){

}elsefalse

})()

* disableHook 是否禁用 request 请求监听。默认会监听并用于上报 API 调用成功率。

*/

pid"你的pid" region'cn' disableHook!isOnline

} } error() pageShow pageHide}

相关文章