概述
ember-cli-pendo-utils是一个基于Ember.js框架的npm包，它提供了许多实用的Pendo集成函数和组件，可以快速且方便地将Pendo Analytics添加到你的Ember应用程序中。如果你是一名前端开发者，想要快速集成Pendo到自己的应用程序中，那么这个npm包是非常有用的。在本篇文章中，我们将详细介绍如何使用这个npm包。
安装
在命令行中输入以下命令，可以通过npm安装ember-cli-pendo-utils：
npm install ember-cli-pendo-utils --save-dev
注意：推荐使用--save-dev参数，因为Pendo不应该随着你的应用程序一起部署。
配置
在app.js中导入和配置
现在，让我们将ember-cli-pendo-utils设置为我们的Ember程序。
在app.js文件的头部，导入ember-cli-pendo-utils：
import PendoUtils from 'ember-cli-pendo-utils/utils/pendo';
在你的应用程序中，通常会有一个名为APP的全局变量，它是一个Ember.Application对象。我们可以给APP添加一个属性pendo，在pendo属性中设置你的Pendo API KEY。这里我们使用了一个名为CONFIG的配置对象，因此您需要根据您的应用程序中的实际情况进行调整。
window.APP = Ember.Application.create({
pendo: {
apiKey: CONFIG.pendoApiKey
}
});添加完上面的代码后，你的app.js文件应该长这样：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- -------------
------ ---------------- ---- --------------------------
------ ------ ---- -----------------------
------ ---------- ---- ------------------------------------
------------------------------ - -----
----- --- - --------------------------
------------- --------------------
---------------- -----------------------
--------
---
---------- - ------------
------ -
------- ------------------
-
---
--------------------- ---------------------
------ ------- ----在Ember组件中使用
安装完并配置好之后，我们就可以在对应的组件中使用Pendo的API了。我们可以使用PendoUtils服务对象的方法getGuid获取一个当前用户的唯一标识符，然后将其注入到你的应用程序中。在你的某个组件中，你可以这样使用：
-- -------------------- ---- -------
------ ----- ---- --------
------ ---------- ---- ------------------------------------
------ ------- -------------------------
------------ -
--- ---- - ---------------------
--------------------
-------------------------
-------- -
--- ----
-
---
-
---现在你已经成功地将用户的唯一标识符注入到了Pendo中，在Pendo的控制台中就可以看到你的应用程序的用户数据了。你可以使用Pendo的API去跟踪你需要收集的用户数据。 示例如下：
-- -------------------- ---- ------- ------------------ --------------------------------- - ---------- ------- ---- ------- --- -------------- ------------------------------------ - ------------ ------ ---- ------- ---------- ---------- ---- ---------- ---
总结
在本文中，我们介绍了npm包ember-cli-pendo-utils。 它提供了许多实用的Pendo集成函数和组件，以便将Pendo Analytics添加到你的Ember应用程序中。 我们展示了如何在你的Ember应用程序中安装和配置这个npm包，并且提供了一些可供参考的示例代码。 通过本文，你可以快速添加Pendo集成到你的应用程序中以跟踪分析用户数据，并根据这些数据优化你的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e9281e8991b448e7540