wxa-log

结合微信的实时日志,在上报微信实时日志的同时 avatar 也能在控制台输出console打印信息 avatar 如果用户反馈了相关问题Log 日志上报 - 图3,在微信管理台下载的日志,除去原有的调用流程,使用wxa-log上报的日志也会一并出现在日志中 avatar 注意:开发者工具中目前不会上报日志,请用真机操作之后,在管理台-开发-运维中心-实时日志中查看

安装

  1. npm install -S @wxa/log

使用方法

1、wxa目前只能在页面(page)、组件(component)中注入全局方法。在项目的app.js中使用如下代码全局引用:

  1. import logPlugin from '@wxa/log';
  2. wxa.use(logPlugin);
  3. @App
  4. class Main {
  5. ...
  6. }

2、在页面或者组件的具体位置打印日志: 推荐如下格式日志上传:

  1. // 该格式日志将会针对文本中身份证、手机号码、邮箱信息进行校验并给开发者提示,但依旧会上传日志
  2. this.$log.info('这是什么日志');
  3. // 该格式日志将会针对第一个参数进行身份证、手机号码、邮箱信息校验并给开发者提示,后续参数中的敏感信息将会做掩码处理,但依旧会上传日志
  4. this.$log.info('页面唤起时间: ', data);
  5. this.$log.warn('warn');
  6. this.$log.error('error');
  7. this.$log.setFilterMsg('filterkeyword');
  8. this.$log.setFilterMsg('addfilterkeyword');

注意:使用前请仔细阅读官方文档Log 日志上报 - 图5,实时日志上报适用于关键流程,一条日志的上限是5KB,避免在循环里面调用打日志接口,所以仅需要改造现有项目关键流程日志上报逻辑即可

在js文件中上报实时日志

1、在文件顶部引入插件:

  1. import {$log} from '@wxa/log';

2、在文件具体位置打印日志:

  1. // 该格式日志将会针对文本中身份证、手机号码、邮箱信息进行校验并给开发者提示,但依旧会上传日志
  2. $log.info('这是什么日志');
  3. // 该格式日志将会针对第一个参数进行身份证、手机号码、邮箱信息校验并给开发者提示,后续参数中的敏感信息将会做掩码处理,但依旧会上传日志
  4. $log.info('页面唤起时间: ', data);
  5. $log.error('error');
  6. $log.setFilterMsg('filterkeyword');
  7. $log.setFilterMsg('addfilterkeyword');