在以用户为中心的 Web 应用中，客户支持是至关重要的一环。而 Zendesk 则是一款广泛应用的客户支持工具，它提供了丰富的支持功能，例如联系我们界面、帮助中心、工单系统等。为了方便集成 Zendesk 服务，开发者可以使用 npm 包 ember-zendesk-widget。
安装
要使用 ember-zendesk-widget，需要在安装 Ember.js 项目的基础上安装该 npm 包。
$ ember install ember-zendesk-widget
在您的应用程序中，您需要导入必要的模块。
import { inject as service } from '@ember/service';
import ENV from '../config/environment';
import { initialize } from 'ember-zendesk-widget/initializers/zendesk';配置
接下来，您需要将 Zendesk 插件配置到应用程序中。要完成此操作，您需要执行以下步骤：
- 打开应用程序的 environment.js 文件。
- 添加以下配置到该文件中
-- -------------------- ---- -------
--- --- - -
---
-------- -
---- ----------------------------------
------------- -------------------------
-
---
--
------ ------- ----使用您的域名替换 your-domain。
使用
最后，您只需要在应用程序中调用 initialize() 函数即可。您可以在组件或链接的行动中调用此函数。
this.zendesk.initialize();
在该函数中，您可以添加如下参数。
this.zendesk.initialize({
tags: ['tag1', 'tag2'],
customFields: [{
id: '<field-id>',
value: '<value>'
}]
});该函数将根据您提供的配置打开 Zendesk 的支持中心。您现在已经完成了 Ember.js 项目中的 Zendesk 集成。
示例代码
下面是一个示例组件代码，用于在您的应用程序中打开 Zendesk 服务。
-- -------------------- ---- -------
------ --------- ---- ---------------------
------ - ------ -- ------- - ---- -----------------
------ - ---------- - ---- --------------------------------------------
------ ------- ----- ---------------------- ------- --------- -
---------- --------
------------------- -
--------------------------
-
-通过此代码，您可以在应用程序中调用 initializeZendesk() 函数来初始化 Zendesk 服务。
总结
本文讲解了在 Ember.js 项目中集成 Zendesk 服务的方法。通过使用 npm 包 ember-zendesk-widget，您可以轻松地为您的用户提供完整的客户支持功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1da563576b7b1eccfe