npm 包 helpshift 使用教程

Helpshift 是一个为开发者提供支持服务的 npm 包,它旨在使客户支持变得更加容易和灵活。本篇文章将带您深入了解如何使用 Helpshift 包来为您的应用程序添加支持服务。

安装 Helpshift 包

您可以使用 npm 包管理器来安装 Helpshift 包。在终端中运行以下命令:

--- ------- ---------

初始化 Helpshift

在使用 Helpshift 提供的服务之前,您需要初始化 Helpshift。您可以在应用程序的入口处执行此操作。以下是初始化 Helpshift 的示例代码:

----- --------- - ---------------------
----- -- - --- -----------
  ------- ---------------
  ------- ----------------------------
  ------ --------------
  ---- --------------
---

----------
  ------ --------
  ------- ---------
  ----- -------
---

您需要提供以下详细信息来初始化 Helpshift:

  • apiKey:您在 Helpshift 后台获得的 API 密钥。
  • domain:您的 Helpshift 帐户的域名。
  • appID:代表您的应用程序的 Helpshift ID。
  • env:代表您正在使用的 Helpshift 环境 - "development" 或 "production"。
  • login:登录到 Helpshift 以发送请求。

添加支持服务

为了向您的应用程序添加支持服务,您需要在应用程序中包含 Helpshift 支持中心的链接。以下是添加帮助链接的示例代码:

----- -- - --- -----------
  ------- ---------------
  ------- ----------------------------
  ------ --------------
  ---- --------------
---

----- ---------- - --------------------------------------

------------------------------------ --- -- -
  ----------------------
---

上面的代码将 Helpshift 支持中心链接添加到了 id 为 helpButton 的 HTML 元素上,并在单击时打开帮助中心。

发送消息

您可以使用 Helpshift 包向您的客户发送消息。以下是向客户发送消息的示例代码:

----- -- - --- -----------
  ------- ---------------
  ------- ----------------------------
  ------ --------------
  ---- --------------
---

--------
  -
    -------- ------- --- --- - ---- ------
    ------- --------
  --
  ------- ------- -- -
    -- ------- -
      ---------------------
    - ---- -
      --------------------
    -
  -
--

在上面的代码中,我们使用 send 函数向客户发送了一条消息。您需要提供以下详细信息:

  • message:要发送的消息内容。
  • sender:消息发送者的身份 - "agent" 或 "user"。

结语

希望本文对您有所帮助,您现在已经了解了如何使用 Helpshift 包向应用程序添加支持服务。通过参考本文中的示例代码,您可以开始创建自己的 Helpshift 集成。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005668281e8991b448e2a78


猜你喜欢

  • npm 包 over-loaders 使用教程

    简介 over-loaders 是一款能够自动处理前端项目依赖关系和编译的 npm 包。通过 over-loaders,你可以解决很多前端开发中的烦恼,例如处理 ES6 和 JSX 语法,自动加入 C...

    3 年前
  • 使用 @gik/tools-checker 进行前端开发规范的自动化检查

    在前端开发中,有很多代码规范需要遵守,例如命名规范、缩进规范、代码风格规范等等。这些规范让代码更加易读易懂、易维护,并且有利于团队协作。但是在实际开发过程中,由于时间紧迫或者个人习惯等原因,有时候可能...

    3 年前
  • npm 包 @gik/tools-mapper 使用教程

    简介 在前端开发中,我们经常会遇到需要将数据从一种格式映射到另一种格式的情况。通常,我们会手动编写一个映射函数来完成这个任务。但是,这样做往往会浪费大量的时间和精力。

    3 年前
  • npm 包 aminkt-laravel-mix-html-pug 使用教程

    简介 aminkt-laravel-mix-html-pug 是一个 npm 包,它简化了在 Laravel Mix 中使用 Pug(一种 HTML 模板语言)的流程。

    3 年前
  • npm 包 jsonresume-theme-keloran-fr 使用教程

    简介 jsonresume-theme-keloran-fr 是一款基于 JSON 简历模板的前端应用,可以帮助用户快速生成简约美观的个人简历。该应用提供了多种可定制化的主题模板,可以满足不同用户对简...

    3 年前
  • npm 包 winston-firetruck 使用教程

    在前端开发中,日志记录是非常重要的。winston-firetruck 是一个优秀的 npm 日志记录包,它具有轻量、易用、可配置以及扩展性强的特点。本文将详细介绍 winston-firetruck...

    3 年前
  • npm 包 brc-util 使用教程

    在前端开发中,我们经常需要处理各种数据格式和字符串的操作。而 npm 提供了很多方便的工具包,其中 brc-util 是一个帮助处理字符串、数组、对象、日期等常见数据类型的工具包。

    3 年前
  • npm 包 @gabliam/graphql 使用教程

    GraphQL 是一种新兴的数据查询语言,它正在成为前端领域的热门技术。@gabliam/graphql 是一个 npm 包,它提供了使用 GraphQL 的优雅解决方案。

    3 年前
  • npm 包 joosugi 使用教程

    在前端开发过程中,我们经常需要使用各种 npm 包来辅助我们完成任务。其中,joosugi 这个 npm 包是一款非常实用的工具包,能够帮助我们优化代码的结构和性能。

    3 年前
  • npm 包 joosugi-semantic-ui 使用教程

    在现代化的 Web 开发中,前端框架的使用已经变得普遍而重要。而 Semantic-UI 是一个被广泛使用的 CSS 框架,提供了许多常见的组件和样式,使得 Web 开发更加便捷和美观。

    3 年前
  • npm 包 pastey 使用教程

    pastey 是一个基于 Node.js 写的 npm 包,用于将代码转化为可分享的在线代码片段。它可以快速粘贴代码,使其变成一个有颜色代码高亮的在线代码片段并自动生成一个短链接来分享。

    3 年前
  • npm 包 form-vue 使用教程

    前言 在前端开发中,表单设计是非常重要的一部分。为了提高开发效率,在 Vue.js 中我们可以使用 form-vue 这个 npm 包来实现表单设计。 form-vue 是一个适用于 Vue.js 的...

    3 年前
  • npm 包 silhouette-plugin-redux 使用教程

    在前端开发中,我们经常需要使用到一些插件和库来简化我们的工作流程。silhouette-plugin-redux 是一个非常实用的 npm 包,它是一个基于 Redux 的状态管理工具,可以帮助我们在...

    3 年前
  • npm 包 graphql-query-renderer 使用教程

    GraphQL 是一种用于 API 的查询语言,与传统的 REST API 相比具有更高的效率和更好的灵活性。在前端领域,GraphQL 在使用中需要使用 JavaScript 库和工具来呈现 UI,...

    3 年前
  • npm 包 san-tool 使用教程

    简介 在前端开发中,我们通常会使用一些辅助工具来提高开发效率,比如 sass、webpack 等。而 san-tool 是一个基于 san 框架的开发辅助工具,它提供了诸多帮助开发、提高效率的功能,比...

    3 年前
  • npm 包 cgg 使用教程

    前言 在前端开发中,我们经常需要用到渲染图表、绘制特定形状等功能。而cgg作为一个功能强大且易于使用的npm包,可以让我们更加便捷地实现这些功能。本篇文章就是为你展示cgg的使用方法和技巧,帮助你快速...

    3 年前
  • npm 包 @gik/tools-populator 使用教程

    前言 在前端开发中,有时需要自动生成测试数据或者填充一些虚拟数据。而手动编写测试数据过于繁琐且易错,这时候就需要使用工具自动填充数据了。今天我们要介绍的是 @gik/tools-populator 这...

    3 年前
  • npm包 @gik/tools 使用教程

    简介 npm是JavaScript的包管理器,用于分享、发布,搜索和安装Node.js模块。npm包@giK/tools是一款前端工程师必备的开发工具包,这个工具包中包含了众多的开发工具和一些常用的J...

    3 年前
  • npm包 @gik/tools-server 使用教程

    前言 在前端开发中,经常需要使用一些工具来提高效率和开发质量。npm 是前端开发中管理第三方依赖库的重要工具之一。其中,@gik/tools-server 这个 npm 包可以帮助开发者快速实现一个简...

    3 年前
  • npm 包 @gik/tools-streamer 使用教程

    介绍 在前端开发中,数据流处理是一个非常常见的需求。@gik/tools-streamer 是一个基于 Node.js 开发的 npm 包,提供了一些常见的数据流处理操作。

    3 年前

相关推荐

    暂无文章