当前位置: 首页 > news >正文

视频汇聚平台LntonCVS视频监控系统前端错误日志记录及Debug模式详细讲解

LntonCVS作为一种支持GB28181标准的流媒体服务平台,旨在提供一个能够整合不同厂商设备、便于管理和扩展的解决方案,以适应日益复杂的视频监控环境。通过实现设备的统一管理和流媒体的高效传输,LntonCVS帮助构建更加灵活和强大的视频监控系统。

在日常开发或调试中,经常会出现没有打开控制台而没有监听到错误信息的打印,常常需要重新执行一边,耗时耗力还定位不到问题。

在部署上线后不能100%保证一个错误不出,有时出现错误可能就这一次,或就那一瞬间,后面就恢复正常,但是对于我们精益求精的责任心来说,我们会定位出问题,并且找到问题发生的原因从而解决问题。

所以我们不仅仅在服务端做了日志记录,更在前端记录错误日志和核心功能的日志。

下面我来讲下代码实现,首先我们对 console.log做了二次封装,将其分为三个级别,分别为info、warn和error,其中info 是用于开发人员开发调试的,生产模式下不会开启,warn和error会默认开启。

首先定义一个类,统一处理log日志,并且自定义样式

使用方式:

import Logger from '@/pkg/logger/logger';

Logger.info('xxxx')

Logger.warn('xxxx')

Logger.error('xxxx')

在生产模式下可以通过在客户端控制台输入一下内容,然后刷新浏览器,开启info模式

localStorage.setItem('LNTON_DEBUG','NONE')  //关闭 debug

localStorage.setItem('LNTON_DEBUG','INFO') //开启 debug info 模式

日志记录

上面只是实现了最基础的统一日志,下面开始记录日志。

由于localStorage的存储空间太小,并且会让内容变得糟糕读写都不方便。

所以我们采用前端indexDB数据库用来存储错误信息和日志。

下面封装 db 数据库

到这里,我们只要运行new IndexedDBService('MyDatabase', 1) 就会创建logger表,这时候在logger.error的时候可以把信息通过api直接写入indexDB 数据会保存7天具体写入方法即_addLogger函数。

LntonCVS以其强大的兼容性、实时处理能力、用户友好的管理界面和灵活的部署选项,在政务、安防监控和企业视频服务等多个领域都有广泛的应用前景。

http://www.lryc.cn/news/357909.html

相关文章:

  • 高并发项目-用户登录基本功能
  • kotlin基础之泛型和委托
  • awtk踩坑记录二:移植jerryscript到awtk design项目
  • 正邦科技(day2)
  • 技术架构设计指南:从需求到实现
  • 【数据结构:排序算法】堆排序(图文详解)
  • git 派生仓库怎么同步主仓库的新分支
  • 对比方案:5款知识中台工具的优缺点详解
  • 第16章-超声波跟随功能 基于STM32的三路超声波自动跟随小车 毕业设计 课程设计
  • 创新案例 | 持续增长,好孩子集团的全球化品牌矩阵战略与客户中心设计哲学
  • ResNet 原理剖析以及代码复现
  • 数据结构(十)图
  • 四数之和-力扣
  • JS 中怎么删除数组元素?有哪几种方法?
  • Git如何将pre-commit也提交到仓库
  • vmware中Ubuntu虚拟机和本地电脑Win10互相ping通
  • 比较含退格的字符串-力扣
  • NSSCTF-Web题目4
  • 7. CSS 网格布局
  • 如何配置才能连接远程服务器上的 redis server ?
  • MindSpore实践图神经网络之环境篇
  • MVS net笔记和理解
  • Linux 编译屏障之 ACCESS_ONCE()
  • Discuz!X3.4论坛网站公安备案号怎样放到网站底部?
  • LPDDR6带宽预计将翻倍增长:应对低功耗挑战与AI时代能源需求激增
  • 云原生架构内涵_3.主要架构模式
  • 宏基因组分析流程(Metagenomic workflow)202405|持续更新
  • 一千题,No.0037(组个最小数)
  • PV PVC
  • 深入理解Nginx配置文件:全面指南