问题标签 [twilio-flex]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
927 浏览

javascript - 如何在 Twilio Flex Webchat 中动态更改友好名称

因此,我将按照此处关于如何设置 Twilio Flex WebChat 的教程进行操作。虽然它确实有效,但我需要稍后更改友好名称。

我的应用程序的工作方式是在用户签名之前显示网络聊天,因为脚本位于 react 应用程序的 index.html 文件中。

我需要更改它,以便他们登录后更新聊天中显示的名称。

这是我到目前为止所拥有的,但它肯定行不通。假设我可以从本地存储中获取名称,并且登录内容有效。

我也试过这样做:

我也尝试过像这样编辑 MessagingCanvas:

这将更改控制台中的值,但不会更改聊天窗口中显示的名称。

它的屏幕截图不起作用

我想我需要更新 appconfig 并重新渲染聊天窗口,但不知道该怎么做,可能有不同的方法来解决问题。我愿意接受这方面的启发。

0 投票
0 回答
164 浏览

twilio-flex - 在 Twilio Flex 中设置一个支持 redux 的表单以保持每个预订的状态的良好做法是什么?

我正在 Flex 的 CRM 窗格中构建一个 React 表单,POST当代理填写表单并点击提交按钮时,它将向外部服务提供数据。使用create-flex-pluginPlugin Builder v3 中的示例代码,我已经成功地将数据从 redux 的表单字段中保存下来。但是,作为 Flex 中的代理,如果我打开了多个预订,当我在它们之间切换时,它们使用相同的数据。如何设计我的表格,以便代理可以在表格中输入不同预订的数据并将它们分开保存?

我对 Flex、React 和 Redux 比较陌生,不确定是否有任何关于我需要做的 Flex 特定的事情,尤其是在处理多个并发预订时。我曾想过在 redux 中保留一个由 reservationId 或 taskId 键入的 Map,但尚不清楚如何将 taskId 传递给 reducer。我也不确定像 redux-form 这样的其他工具是否能很好地配合 Flex 的设计。

指出正确的方向或获取一些示例代码将是一个很大的帮助。

我当前的实现保留了一个名为“子类别”的字段,如下所示:

HrmFormState.js

HrmForm.Container.js

HrmForm.jsx(片段)

0 投票
1 回答
499 浏览

twilio - 进行更改后如何设置 Twilio Flex WebChat?

在遵循 Twilio.com 上的指南时,我更改了 flex-webchat-ui-sample 中的一些内容。

然后我在“flex-webchat-ui-sample”的根目录运行“npm run build”,给了我构建文件夹。build 文件夹中的 assets 文件夹具有我从要聊天的 html 页面引用的 webchat-appConfig.js。这不应该缩小吗?

我想我会在我的 Flex 帐户中(在我有插件的资产中)得到一些缩小的东西?

现在,我该如何处理构建文件夹?这是“npm run build”之后的输出。 构建后的文件夹结构

0 投票
1 回答
470 浏览

twilio - 如何更改 Twilio Flex 网络聊天客户端中的文本“与我们聊天”?

我正在尝试更改标题窗格中的文本和默认情况下都显示“与我们聊天”的聊天图标标注。我怎么做?我在文档中找到了两种方法,但都没有。 twilio flex 网络聊天客户端的图像

Twilio flex 网络聊天客户端

0 投票
1 回答
657 浏览

twilio-flex - 将 Twilio Flex 嵌入到自定义应用程序中

我编写了一个自定义应用程序,并希望能够将 Twilio Flex 作为插件提供。我看到他们已经将他们的 Flex Agent 与 Salesforce 等 CRM 集成。是否有关于如何使用自定义编写的应用程序执行此操作的指南或文档?

0 投票
0 回答
179 浏览

twilio - 如何将传入消息发送到 flex 并调用函数?将 2 个动作连接到 1 个触发器

尝试连接消息流中来自 1 个触发器的 2 个操作。我想连接一个函数,该函数将在传入消息到达后运行,并将此消息从他们的预制小部件发送到 flex。

我正在使用 twilio 消息流小部件和函数。

0 投票
1 回答
130 浏览

twilio - Twilio Flex,拦截传入消息以发送 Slack 通知

我目前设置了 Twilio Flex,但需要拦截所有传入消息,以便在代表离线并需要响应时向代表发送松弛通知。

有没有办法只拦截(使用 webhook)传入消息,以便我可以发送那些松弛通知。

0 投票
1 回答
251 浏览

reactjs - 更新 twilio flex 网络聊天配置

我们如何更新 twilio 配置?不要介意我们是否必须重新开始接触。场景是登录前和登录后。preEngagementConfig如果用户未登录,我想拥有,而它应该在登录后被删除并且context应该被引入。尝试设置FlexWebChat.defaultConfiguration.preEngagementConfig = null;无效;

还尝试删除 ReactDOM 呈现应用程序的节点,并重新初始化应用程序,但出现错误default store already exists

我认为这是一个有效的场景,Twilio 应该提供开箱即用的 API。

0 投票
2 回答
439 浏览

twilio - 无法在 Twilio Flex 中接收媒体附件文件

项目描述:目前我们的客户使用各种聊天平台,例如 whatsapp 和 slack,我们的联络中心被迫使用相同的平台。但是,我们希望将 Twilio flex 平台提供给我们的联系服务团队,以便他们可以回复来自 whatsapp、slack 的消息。

关于媒体消息的查询:我使用 Javascript Client SDK 作为前端并连接 Twilio Flex 作为代理。聊天工作正常。我可以发送/接收消息。但是,当我通过 SDK 发送媒体文件时,Twilio Flex 中显示“不支持媒体消息” 。当我使用从 API 获取所有消息时,能够将该媒体文件作为带有type = media. 还为上传的文件创建媒体 SID。但无法在 twilio flex 中查看相同的文件。

0 投票
2 回答
625 浏览

twilio-flex - 如何为生产和暂存 Twilio Flex 项目设置不同的插件配置?

我创建了一个新的 Flex 项目作为我们现有生产 Flex 项目的暂存环境。我们有一个我们的 flex 插件调用的后端服务,我也创建了一个后端服务的暂存版本。我想了解如何在我们的 flex 插件中进行特定于环境的配置,以便我可以部署相同的插件,但将它们指向不同的后端服务 URL。

这样做似乎有三种可能的选择:

  1. 更改appConfig.js以添加不同的配置,键入帐户 ID。可能这可以在运行TWILIO_ACCOUNT_ID时利用环境变量npm run deploy来添加适当的配置,尽管我不清楚它是如何工作的。
  2. 使用 Twilio CLI 或 REST API 将新值推backend_service_url送到 Flex 配置。每个项目都这样做一次应该有效。虽然我不清楚我将把它放在配置 JSON 中的哪个位置,以及如何在插件中读回它。
  3. 在插件加载时调用的每个项目中设置一个 Twilio 函数,并返回项目特定的配置。

请让我知道最佳实践是什么,并让我开始了解如何实施。