Twilio Flex插件指南与基本实例

本教程涵盖了twilio flex插件的以下内容

• twilio flex 插件cli教程与实例
• 如何创建一个自定义的插件
• 部署和发布插件到生产中

Twilio提供了创建、运行和测试插件的CLI。

CLI是命令行界面的缩写，用于创建、开发、测试和发布twilio的柔性插件。

Flex插件是有用的定制的Flex用户界面和组件的修改，在twilio。

需要的东西

• 安装Nodejs
• npm命令

安装flex插件cli

flex插件是基于Nodejs框架的，请通过运行以下命令确保nodejs已经安装。

npm --version
node --version

如果你的机器安装了nodejs，这将在控制台中显示node和npm版本。

一旦安装了npm，就可以使用npm命令安装twilio-cli。

npm install twilio-cli -g

让我们开始为插件创建一个反应代码库。

twilio login

它将要求提供账户SID和授权令牌的详细信息

你的Twilio账户或子账户的账户SID。

一旦你输入所有这些细节，这将被存储在C:\Users\user.twilio-cli\config.json中。

如何创建一个柔性插件

flex:plugins:create是创建一个插件的命令。

插件的名称总是以plugin-[name]开始，name是你的插件名称。

下面的命令用于创建一个基于JavaScript版本的插件

twilio flex:plugins:create plugin-example --install4

如果你想安装TypeScript版本的插件，你可以使用下面的命令

twilio flex:plugins:create plugin-example --install --typescript

我们来创建一个新的插件项目plugin-example

:\flex>twilio flex:plugins:create plugin-example --install --typescript
»   Warning: twilio-cli update available from 2.19.0 to 2.22.0.
 Creating project directory
 Installing dependencies

  ┌────────────────────────────────────────────────────────────────────┐
  │                                                                    │
  │   Your Twilio Flex Plugin project has been successfully created!   │
  │                                                                    │
  │                                                                    │
  │   Development:                                                     │
  │   $ cd plugin-example/                                             │
  │   $ npm start                                                      │
  │                                                                    │
  │   Build Command:                                                   │
  │   $ cd plugin-example/                                             │
  │   $ npm run build                                                  │
  │                                                                    │
  │   Deploy Command:                                                  │
  │   $ cd plugin-example/                                             │
  │   $ npm run deploy                                                 │
  │                                                                    │
  │   For more info check the README.md file or go to:                 │
  │   ➡ https://www.twilio.com/docs/flex                               │
  │                                                                    │
  └────────────────────────────────────────────────────────────────────┘

上述命令创建了以下内容

• 创建基于React的插件项目目录
• 安装npm依赖项

一旦插件创建完成，你需要在开发环境中通过运行以下命令来启动该插件

cd plugin-name
twilio flex:plugins:start

现在，flex开发实例在3000端口运行，你可以调用http:\localhost:3000，你可以用react组件编写插件代码，javascript可以定制联络中心的风格，组件的流程可以修改。

将柔性插件部署到生产中

Twilio CLI提供了部署命令，如下图所示

twilio flex:plugins:deploy --description "Sample plugin example"

你可以发布该插件并在生产中启用该插件

twilio flex:plugins:release --name "initial version release" --description "Enable  Plugin example"--plugin plugin-name@1.0.0​

你可以在Twilio的flex dashboard UI中检查该插件。

结语

综上所述，Twlio cli的安装已经完成，然后是如何创建一个插件，构建、部署和发布柔性插件到生产中。