进行更改后如何设置 Twilio Flex WebChat？答案

【问题标题】：How do I setup Twilio FLex WebChat after making changes?进行更改后如何设置 Twilio Flex WebChat？
【发布时间】：2019-09-19 10:47:13
【问题描述】：

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

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

我想我会在我的 Flex 帐户中（在我拥有插件的资产中）获得一些缩小的东西？

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

【问题讨论】：

标签： twilio twilio-flex

【解决方案1】：

这里是 Twilio 开发者宣传员。

您的 Flex 网络聊天版本不能像任何其他 Flex 插件一样使用，因为它必须独立于不同的网页上。我们对如何将它包含在应用程序中没有任何意见，因此构建目录为您提供了一个应用程序的一部分，您可以将其包含在您自己的前端中，但最适合您。我们对您的应用程序的构建过程也没有意见，因此您可以自己缩小生成的 JavaScript。

编辑

我刚刚在一个新的flex-webchat-ui-sample 应用程序中运行了npm run build。实际应用程序本身构建在static/js 目录中。您可以在其中看到 3 个 JavaScript 文件和 3 个源映射。你还需要你的 webchat-appConfig.js 从 React 外部设置配置。

您还可以在build/index.html 中查看它是如何加载的。

【讨论】：

嗨，但是我如何获得 webchat.js 文件？您对如何获取 webchat.js 文件以部署到我的前端有什么建议吗？
我在答案中添加了更多内容，这有帮助吗？
现在我们的问题是正确的。我应该缩小两个相关文件并使用它们吗？ IE。从 index.html 引用的文件。因为 Twilio 中的默认聊天文件是一个名为 Webchat.js 的文件，该文件被缩小并放置在 Twilio 服务器资产区域中。
我不确定你在这里指的是什么。我刚刚创建了一个新的 Flex 项目，我的 Twilio Assets 部分中没有任何内容。这是你自己做的吗？你从哪里加载这个 Webchat.js？
该文件中只有 accountSid 和 flexFlowSid 可以公开。