Interact logger library created using ngx-logger. It uses most of features of ngx-logger and customizes some of feature based on requirement.
Run ng build logger
to build the project. The build artifacts will be stored in the dist/
directory.
After building your library with ng build logger
, go to the dist folder cd dist/logger
and run npm publish
.
-
Install interact-logger.
npm i interact-logger
-
Import
InteractLoggerModule
inapp.module.ts
.import { InteractLoggerModule } from 'interact-logger'; @NgModule({ imports: [ ... InteractLoggerModule ], ... })
-
Following is the sample code snippet of
app.component.ts
which can be added in any domain app or MFE app to use this logger:import { Component, OnInit } from '@angular/core'; import { NGXLogger, NgxLoggerLevel } from 'interact-logger'; @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { title = 'shell'; logConfig: any = { domain: '<MFE_NAME>', disableFileDetails: true, level: NgxLoggerLevel.DEBUG, serverLogLevel: NgxLoggerLevel.DEBUG, serverLoggingUrl: '<SERVER_LOG_COLLECTOR_URL>', customHttpHeaders: new HttpHeaders({ Authorization: '<token> }), timestampFormat: 'full', colorScheme: ['purple', 'teal', 'gray', 'gray', 'red', 'red', 'red'], }; constructor(private logger: NGXLogger) { this.logger.updateConfig(this.logConfig); } ngOnInit() { this.logger.debug('DEBUG LOG: debug log'); this.logger.info('INFO LOG: Normal info logs'); this.logger.log('LOG: Normal info logs'); this.logger.warn('WARNING LOG: Multiple', 'Argument', 'support'); this.logger.error('ERROR LOG: Your log message goes here'); this.logger.fatal('FATAL LOG: **** FATAL LOG ******'); } }
NOTE: Please refer ngx-logger to get more information on configuration and customization options for this logger.