小程序接入实时日志

比眉伴天荒 2023-10-05 20:16 24阅读 0赞

小程序上线后如果需要查看console日志是没有办法的，需要接入实时日志。如果是原生的小程序可根据官方文档《[实时日志][Link 1]》来操作。我自己的项目是事业`mpvue`写的，写法稍微有点区别，这里记录一下  
首先在`utils`目录创建一个`logs.js`文件

//内容和官方文档是一样的
    var log = wx.getRealtimeLogManager ? wx.getRealtimeLogManager() : null
    
    module.exports = {
        
      info() {
        
        if (!log) return
        log.info.apply(log, arguments)
      },
      warn() {
        
        if (!log) return
        log.warn.apply(log, arguments)
      },
      error() {
        
        if (!log) return
        log.error.apply(log, arguments)
      },
      setFilterMsg(msg) {
         // 从基础库2.7.3开始支持
        if (!log || !log.setFilterMsg) return
        if (typeof msg !== 'string') return
        log.setFilterMsg(msg)
      },
      addFilterMsg(msg) {
         // 从基础库2.8.1开始支持
        if (!log || !log.addFilterMsg) return
        if (typeof msg !== 'string') return
        log.addFilterMsg(msg)
      }
    }

然后在需要用到的页面引入

import Log from '@/utils/logs'

这样就可以在代码上直接使用了

wx.uploadFile({
        
        url: that.baseUrl+'xxx',
        filePath: that.avatar,
        method: 'POST',
        name: 'file', 
        header: {
        
            "Content-Type":"multipart/form-data;charset=utf-8"
        },
        formData: that.pageForm,
        success (res) {
        
            console.info(res.data)
            Log.info(res.data)
        },                   
        fail: function (res) {
         
            Log.error('操作失败')
            Log.error(res)            
        }
    })

小程序发布之后，可以在微信公众平台上面查看了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpYW50YW5nXzE5ODY_size_16_color_FFFFFF_t_70]  
现在就试一下吧

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/framework/realtimelog/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpYW50YW5nXzE5ODY_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210223172016380.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RpYW50YW5nXzE5ODY=,size_16,color_FFFFFF,t_70