推荐：NGX Logger——Angular的日志管理神器

推荐：NGX Logger——Angular的日志管理神器

项目地址:https://gitcode.com/dbfannin/ngx-logger

NGX Logger 是一个为Angular应用程序设计的简洁日志记录模块，适用于Angular 6+版本。它不仅可以在控制台以“漂亮打印”（pretty print）的方式展示日志信息，而且还可以将日志消息POST到指定URL进行服务器端记录，方便开发者进行调试和后期追踪。

安装与配置

只需简单的几步即可集成NGX Logger到你的Angular应用中：

1. 使用npm安装库：

   npm install --save ngx-logger
   

2. 导入LoggerModule及相关依赖（如果需要服务器日志或源码映射检查，需要导入HttpClientModule）：

   import { LoggerModule, NgxLoggerLevel } from "ngx-logger";
   import { HttpClientModule } from "@angular/common/http";
   

3. 在AppModule中配置并导入LoggerModule：

   @NgModule({
     imports:
     [
       HttpClientModule,
       LoggerModule.forRoot({
         serverLoggingUrl: '/api/logs',
         level: NgxLoggerLevel.DEBUG,
         serverLogLevel: NgxLoggerLevel.ERROR
       }),
       ...
     ],
     ...
   })
   export class AppModule {
   }
   

使用方法

在组件中注入NGXLogger服务，并调用其提供的日志记录函数，例如：

import { Component } from "@angular/core";
import { NGXLogger } from "ngx-logger";

@Component({...})
export class YourComponent {
  constructor(private logger: NGXLogger) {
    this.logger.error("Your log message goes here");
    this.logger.warn("Multiple", "Argument", "support");
  }
}

配置选项及自定义行为

你可以通过forRoot方法传入配置对象，如调整日志级别等。此外，从v5版起，NGX Logger允许完全自定义其行为。更多配置信息和自定义指南，请参考文档及定制指南。

强大功能

NGX Logger支持多种特性，包括但不限于不同级别的日志记录（DEBUG、INFO、WARN、ERROR等），多参数支持，以及服务器日志记录。详细功能列表请查看特色文档。

演示应用

一个包含使用示例的演示应用已准备就绪，你可以通过以下步骤运行：

1. 克隆仓库
2. 执行npm ci或npm install
3. 运行ng build编译NGX Logger
4. 通过ng serve demo启动示例应用

或者直接执行npm run demo，一键完成上述步骤。

依赖关系

NGX Logger依赖于@angular/common和@angular/core。

测试及贡献

如果你的测试模块中注入了任何NGX Logger服务，你需要在其中提供相应的模拟服务。详情可参考测试文档。

欢迎所有人参与NGX Logger的贡献和改进，具体步骤请参阅贡献指南。

立即开始使用NGX Logger，提升你的日志管理水平，让开发更高效，调试更轻松！

项目地址:https://gitcode.com/dbfannin/ngx-logger