微信小程序 | 接入阿里云监控
喜大奔普,微信小程序可接入 ARMS 前端监控啦。 阿里云监控可统计JS错误率,访问速度,API请求成功率,PU/PV,页面访问量,API链路追踪,地理分布,设备型号系统版本等等,还可自定义统计内容,很是方便。 虽然官方文档写得很清楚,但不同框架和不同环境下的选择不同,本文供大家参考,少走弯路,快速接入。 参考官方文档:https://help.aliyun.com/document_detail/103992.html?spm=a2c4g.11186623.6.605.195a33b7ROXRgP 1、获取SDK内容将SDK内容copy放在微信小程序/utils目录下的wxLogger.js(名字可随意)文件中 SDK地址:https://retcode.alicdn.com/retcode/wl.js 如果项目使用ES module (import)方式集成,则需要将sdk最后一行引入方式修改:
2、初始化添加pid、uid:? 如果项目使用node module (require)方式集成,则添加以下内容: );
pid: '你的pid', region'cn' Monitor; 如果项目使用ES module (import)方式集成,则添加以下内容:
})); 在page的JS文件中通过Monitor.hookPage(options)方法静默上报PV、Health数据。使用方式如下:
data() return{} created{}, {
pageHide() pageError() } 在开发中,我们经常会用微信开发者工具进行调试,此时也会把测试环境的数据往上报,造成数据污染,那么就需要对环境进行区分判断,当只有线上环境时,才上报数据。而手动上报的方式可以方便的添加环境判断,达到我们的目的。下面是对Monitor简单的改写: /** */ if(‘你的环境判断方法’){ }elsefalse })()
* disableHook 是否禁用 request 请求监听。默认会监听并用于上报 API 调用成功率。 */ pid"你的pid"
}
}
error() pageShow pageHide 4、设置安全域名? sg//arms-retcode-sg.aliyuncs.com添加到request合法域名。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |