在前端开发中，我们经常需要记录和监控用户的行为和操作。这时，使用日志系统和监控工具是非常必要的。
本文将介绍 npm 包 hologger-applicationinsights，该包可以方便地将前端应用的日志和监控信息发送到 Azure 应用程序洞察(Application Insights) 中。以下是该包的使用教程。
安装
首先，我们需要在项目中安装该包。使用 npm 命令：
npm install hologger-applicationinsights
初始化
在使用该包前，需要先初始化 Application Insights，获取所需的配置信息。将这些配置信息填入一个新建的 config.js 文件中，如下：
-- -------------------- ---- -------
-------------- - -
------------------- ---------------------------
-------- -
-------- -
------ -------
----- ------
--------- ----
-
--
-------------------- -
---------------------- -----
------------------------------ -----
-------------------- -----
----------------------------- ----
-
-其中，instrumentationKey 配置项是必须的，表示应用程序洞察中的仪器识别码。在 Application Insights 中创建你的应用程序后，可以在“设置 → 概览”中找到该值。
接下来，在代码中引入 AppInsightsService 类，并使用该类进行初始化：
import { AppInsightsService } from 'hologger-applicationinsights'
import config from './config'
AppInsightsService.init(config)使用
初始化完成后，就可以使用 AppInsightsService 类记录日志和监控信息了。以下是一些示例代码：
记录信息
使用以下代码记录信息：
AppInsightsService.log.info('message')记录警告
使用以下代码记录警告：
AppInsightsService.log.warn('warning message')记录错误
使用以下代码记录错误：
AppInsightsService.log.error('error message')监控代码性能
使用以下代码监控代码性能：
const performance = AppInsightsService.performance('performance test')
function foo () {
performance.start()
// 执行一些操作
performance.stop()
}以上代码在执行 foo 函数时，会记录该函数的执行时间、调用次数和平均执行时间。这些信息可以在 Application Insights 中的“查询”中查看。
总结
本文介绍了 npm 包 hologger-applicationinsights 的使用教程，该包可以方便地将前端应用的日志和监控信息发送到 Azure 应用程序洞察中。通过本文的学习，读者可以了解该包的基本使用方法，并将其应用于自己的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572c181e8991b448e8d96