Twilio 통합의 프런트엔드 부분은 Twilio 함수와 플러그인이라는 두 가지 구성요소로 구성됩니다. 함수는 Agent Assist를 사용하는 데 필요한 HTML 문서와 API 메서드를 호스팅하며 다른 곳에서 호스팅할 필요가 없습니다. Twilio 플러그인은 상담사 데스크톱에 Agent Assist 인터페이스를 표시하는 방법입니다.
Twilio 함수
Twilio 함수는 Twilio에서 호스팅하는 작업을 실행할 수 있는 서버리스 API 엔드포인트입니다. 사용자 인증, 채팅 서비스 토큰, Agent Assist 인터페이스를 제공합니다.
Twilio Flex 플러그인
Flex 플러그인을 사용하여 Flex 상담사와 감독자의 사용자 환경과 동작을 맞춤설정합니다. Flex 애플리케이션 내에서 상담사에게 Agent Assist 콘솔을 표시합니다.
렌더링할 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.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["이해하기 어려움","hardToUnderstand","thumb-down"],["잘못된 정보 또는 샘플 코드","incorrectInformationOrSampleCode","thumb-down"],["필요한 정보/샘플이 없음","missingTheInformationSamplesINeed","thumb-down"],["번역 문제","translationIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-09-10(UTC)"],[[["\u003cp\u003eThe frontend of the Twilio integration uses Twilio functions to host HTML and API methods, eliminating the need for external hosting.\u003c/p\u003e\n"],["\u003cp\u003eA Twilio Flex plugin is employed to display the Agent Assist interface within the agent's desktop environment for a customized user experience.\u003c/p\u003e\n"],["\u003cp\u003eEnvironment variables, such as \u003ccode\u003eTWILIO_ACCOUNT_SID\u003c/code\u003e, \u003ccode\u003eACCOUNT_SID\u003c/code\u003e, and \u003ccode\u003eAUTH_TOKEN\u003c/code\u003e, must be set in \u003ccode\u003e.env\u003c/code\u003e or \u003ccode\u003e.env.dev\u003c/code\u003e files to enable plugin functionality after deployment.\u003c/p\u003e\n"],["\u003cp\u003eDeployment involves using \u003ccode\u003enpm\u003c/code\u003e scripts: \u003ccode\u003enpm run deploy:functions\u003c/code\u003e for deploying functions and \u003ccode\u003enpm run deploy:plugin\u003c/code\u003e for deploying the plugin.\u003c/p\u003e\n"]]],[],null,["# Deploy Twilio Flex\n\nThe frontend portion of the Twilio integration consists of two components: Twilio functions and plugins. Functions host the HTML document and API methods needed to use Agent Assist and replace the need for hosting elsewhere. A Twilio plugin is a way to present the Agent Assist interface to the agent desktop.\n\nTwilio functions\n----------------\n\nThe Twilio functions are serverless API endpoints that can perform work hosted by Twilio. They provide user verification, chat service tokens, and the Agent Assist interface.\n\nTwilio Flex plugin\n------------------\n\nUse the Flex plugin to customize user experiences and behaviors for the Flex agents and supervisors. You present the Agent Assist console to the agent within the Flex application.\n\nEnvironment variables\n---------------------\n\n1. Create a file named `.env` in the `agent-assist-functions` directory or\n2. Create a file named `.env.dev` in the `agent-assist-plugins` directory.\n3. Set the following environment variables for the plugin to function after deployment:\n\nFor more information regarding environment variable setup, refer to the relevant Twilio documentation.\n\nDeployment\n----------\n\nUse the following script to deploy the solution to your Twilio instance: \n\n```\nnpm run deploy:functions #Deploys just the functions to the Twilio instance.\nnpm run deploy:plugin #Deploys just the plugin to the Twilio instance, run command produced in the output to activate.\n```"]]