Twilio 統合のフロントエンド部分は、Twilio 関数とプラグインの 2 つのコンポーネントで構成されています。関数は、Agent Assist の使用に必要な HTML ドキュメントと API メソッドをホストし、他の場所でホストする必要をなくします。Twilio プラグインは、Agent Assist インターフェースをエージェント デスクトップに表示する方法です。
Twilio 関数
Twilio 関数は、Twilio でホストされる作業を実行できるサーバーレス API エンドポイントです。ユーザー確認、チャット サービス トークン、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 |
バックエンド サーバーの URL です。 |
TWILIO_CONVERSATION_PROFILE |
Twilio Flex ダッシュボードで確認します。 |
TWILIO_FEATURES |
表示する Agent Assist の提案機能のカンマ区切りリストです（例: `SMART_REPLY`、`CONVERSATION_SUMMARIZATION`）。 |
TWILIO_FUNCTIONS_URL |
関数をデプロイした後のバックエンド アプリケーションの Cloud Run URL です。[Twilio Agent Assist Functions] オプションを選択します。twilio-agent-assist-functions-####-dev.twil.io のような URL が表示されます。 |
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.