在前端开发过程中,要实现与用户保持良好的交互体验,电话系统是一个不可或缺的环节。而 twilio 就是一个提供云通信的服务商,他们提供了许多电话系统的 API,可以方便的集成到我们的 Web 应用中。本文将介绍一个 twilio 的 npm 包 twilio-ivr-data-doge-fork 的使用教程,帮助大家更快速的集成 twillio API 实现电话系统。
一、什么是 twilio-ivr-data-doge-fork?为什么要使用它?
twilio-ivr-data-doge-fork 是一个 twilio 相关的 npm 包,主要用于处理 ivr(Interactive Voice Response,交互式语音应答)场景下数据的收集和预处理工作。在使用 twilio API 实现电话系统时,需要为 twilio 提供预先配置好的语音导航菜单,并在菜单选项中增加与用户交互前要收集的数据。接着我们需要通过 twilio API 把收集到的数据发送给 Web 应用服务器,进行后续处理。而 twilio-ivr-data-doge-fork 将这些繁琐的工作都帮我们封装好了,可以方便的快速实现电话系统的开发。
二、twilio-ivr-data-doge-fork 安装
在使用 twilio-ivr-data-doge-fork 之前,需要先安装好 twilio 官方提供的 npm 包。可以在终端中执行以下命令进行安装。
npm install twilio
安装完 twilio 包后,即可通过以下命令安装 twilio-ivr-data-doge-fork。
npm install twilio-ivr-data-doge-fork
三、twilio-ivr-data-doge-fork 使用
1. 引入 twilio-ivr-data-doge-fork
在使用 twilio-ivr-data-doge-fork 的时候,需要先引入它。通过以下代码可以实现引入:
const twilioIvrData = require('twilio-ivr-data-doge-fork');
2. 我们来写第一个和 twilio API 交互的电话系统
在本小节中,我们将通过一个简单的例子来了解 twilio-ivr-data-doge-fork 的使用。这个例子很简单,我们将会实现 twilio API 的 "say" 和 "gather" 两个 API 的功能,以此来收集用户输入的姓名,并将其显示在 Web 应用服务器上。
-- -------------------- ---- ------- ----- ------ - ------------------ ----- ------------- - --- ----------------------------- ----- ------------- - ------------------------------------- -- ------------- -- -------- ----------- - ----- ---- - ---------------------- ------- ------------------- -- ------- --- -- ------- ------- -- ---- -- ---------- - -- ----------- -- --- -------------- -- --- - ---- - ---------------- --------------------------------------- ------ ------------------------- - -- ------------ --- -- -------- -------------- - ------ ----- ---- -- - --- ---- - ------------------------ --- --- - ------- -- ------- --------------------- -- -- ----------- -- -- - ----- ------ - ---------------------- ------- --------------- ------- ------- ------------ ---- ------ -------- --- ---------------------- - -------- ----------------------------------- - ---- - --- - ---------- --------------------------------------------------- - -- - -- -------------- -- -------- --------- ---- - ---------------------- - ---------------------------- ---------------- ------------------------ ------ ------------------------ ----- ---- -- - --- ---- - ------------------------ --- ---- - ------- -- ------------------ - ---- - ----------------- - ---------------------------------------------------------------------- ---
在上面的例子中,我们创建了一个包含 "say" 和 "gather" 两个 API 的电话系统。首先让用户在语音导航菜单中按下 "2",然后利用 "gather" API 提供一个语音输入接口,等待用户输入名字。如果成功输入姓名,则通过 "say" API 继续与用户交互。
当然,这里只是一个非常简单的例子。如果想要实现更加复杂的电话系统,可能需要自己再去研究一下 twilio 的 API 和 twilio-ivr-data-doge-fork 的文档。不过从上面的例子中,大家也可以对 twilio-ivr-data-doge-fork 的使用有一个大致的印象。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005579581e8991b448d4947