简介
在前端开发过程中，日志是非常重要的，它可以帮助我们找到代码中的错误、异常以及性能问题。在后端开发中，我们可以直接使用日志系统进行记录和查看，但是在前端开发中，尤其是单页应用程序（SPA）中，日志的处理比较复杂。例如，我们不可能在前端代码中写入文件作为日志存储，在客户端上运行的 JavaScript 只能将日志发送到服务端进行处理。
针对这个问题，我们可以使用 loggly 这个工具来收集 JavaScript 应用程序的日志。loggly 可以帮助我们将日志聚合到一个地方，方便查看和分析。
在本文中，我们将介绍如何使用 ember-cli-loggly 这个 npm 包来集成 loggly 到 Ember.js 应用程序中。
前置条件
在使用 ember-cli-loggly 之前，我们需要拥有以下前置条件：
- Node.js 环境
- Ember.js 应用程序
安装
使用 npm 可以很容易地安装 ember-cli-loggly：
npm install --save-dev ember-cli-loggly
配置
在安装完成之后，我们需要将 ember-cli-loggly 添加到我们的 Ember.js 应用程序中。在项目的 config/environment.js 文件中，添加以下配置：
-- -------------------- ---- -------
--- --- - -
-- ---
------- -
------ ----------------------
---------- --------------------------
----- ----------------
----- ----
-
-- ---
--其中，token 和 subdomain 是必填字段。这里的 tags 可以用来标识日志来源，例如我们可以使用 tags: ['frontend', 'ember'] 来说明这是一个来自前端，使用 Ember.js 框架开发的应用程序的日志。
在完成以上配置之后，我们就可以在 Ember.js 应用程序中使用 this.logger 对象进行日志的记录。
使用
在 Ember.js 应用程序中，我们可以使用 this.logger.debug()、this.logger.info()、this.logger.warn()、this.logger.error() 和 this.logger.log() 等方法来记录日志。
例如，我们可以在 app/controllers/application.js 文件中添加以下代码：
-- -------------------- ---- -------
------ ---------- ---- --------------------
------ - ------ -- ------- - ---- -----------------
------ ------- -------------------
------- ----------
-------- -
-------------- -
---------------------------- --- ---------
-
-
---当我们在应用程序中执行 logSomething() 时，会将一条 debug 级别的日志发送到我们的 loggly 帐户中。
结语
ember-cli-loggly 这个 npm 包为我们提供了一个方便的方法来收集和管理前端应用程序的日志。通过使用它，我们可以在开发过程中更加方便地找到和解决问题，也可以更加深入地了解我们的应用程序在不同环境下的运行情况。
在实际应用中，我们还可以结合其它工具如 papertrail、splunk 等，来对收集的日志进行分析和可视化展示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d530d0927023822a80