Twilio 整合的前端部分包含兩個元件：Twilio 函式和外掛程式。Functions 會代管使用 Agent Assist 所需的 HTML 文件和 API 方法，因此您不需要在其他地方代管。Twilio 外掛程式可將 Agent Assist 介面顯示在服務專員的電腦上。
Twilio 函式
Twilio 函式是無伺服器 API 端點，可執行 Twilio 託管的工作。並提供使用者驗證、即時通訊服務權杖和 Agent Assist 介面。
Twilio Flex 外掛程式
使用 Flex 外掛程式，為 Flex 服務專員和主管自訂使用者體驗和行為。在 Flex 應用程式中，向服務專員顯示 Agent Assist 控制台。
環境變數
- 在
agent-assist-functions目錄中建立名為.env的檔案，或 - 在
agent-assist-plugins目錄中建立名為.env.dev的檔案。 - 部署後，請設定下列環境變數，外掛程式才能正常運作：
| 名稱類型 | 背景資訊 |
|---|---|
TWILIO_ACCOUNT_SID |
在 Twilio Flex 資訊主頁中尋找。 |
ACCOUNT_SID |
在 Twilio Flex 資訊主頁中尋找。 |
AUTH_TOKEN |
在 Twilio Flex 資訊主頁中尋找。 |
TWILIO_API_KEY |
在 Twilio 控制台中建立。 |
TWILIO_API_SECRET |
在 Twilio 控制台中建立。 |
TWILIO_CHAT_SERVICE_SID |
找出服務 SID。 |
PROXY_SERVER_URL |
這是後端伺服器網址。 |
TWILIO_CONVERSATION_PROFILE |
可在 Twilio Flex 資訊主頁中找到。 |
TWILIO_FEATURES |
這是以半形逗號分隔的 Agent Assist 建議功能清單，可供顯示，例如：`SMART_REPLY`、`CONVERSATION_SUMMARIZATION` |
TWILIO_FUNCTIONS_URL |
這是部署函式後，後端應用程式的 Cloud Run 網址。選取「Twilio Agent Assist Functions」選項。接著，您應該會看到類似 twilio-agent-assist-functions-####-dev.twil.io 的網址。 |
TWILIO_DEBUG |
在控制台中顯示記錄：True、false 或未定義。 |
如要進一步瞭解如何設定環境變數，請參閱相關的 Twilio 說明文件。
部署
請使用下列指令碼，將解決方案部署至 Twilio 執行個體：
npm run deploy:functions #Deploys just the functions to the Twilio instance. npm run deploy:plugin #Deploys just the plugin to the Twilio instance, run command produced in the output to activate.