小程序接入实时日志

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 小程序接入实时日志

小程序上线后如果需要查看console日志是没有办法的,需要接入实时日志。如果是原生的小程序可根据官方文档《实时日志》来操作。我自己的项目是事业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)            
    }
})

小程序发布之后,可以在微信公众平台上面查看了
image.png

现在就试一下吧

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
7月前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
206 0
|
3月前
|
人工智能 JSON 小程序
为宝贝大孙子写的成长日志记录小程序
为宝贝大孙子写的成长日志记录小程序
18 0
|
4月前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录是一个重要而复杂的问题。
微信小程序作为业务拓展的新渠道,其全栈开发涉及前端与后端的紧密配合。本文聚焦小程序开发中的异常处理与日志记录,从前端的网络、页面跳转等异常,到后端的数据库、API调用等问题,详述了如何利用try-catch及日志框架进行有效管理。同时强调了集中式日志管理的重要性,并提醒开发者注意安全性、性能及团队协作等方面,以构建稳定可靠的小程序应用。
74 1
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的公司员工工作日志办公系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的公司员工工作日志办公系统附带文章和源代码部署视频讲解等
42 0
|
SQL 小程序 前端开发
一个python小程序找出binlog中的大事务,一个update生成了1.4G的日志和65万条记录
base64-output参数用来控制binlog部分是否显示出来的,指定为decode-rows表示不显示binglog部分
171 0
|
1月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
35 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
348 3
|
2月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
57 0
微信小程序更新提醒uniapp
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
116 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
4月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
115 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序