Twilio 통합의 프런트엔드 부분은 Twilio 함수와 플러그인이라는 두 가지 구성요소로 구성됩니다. 함수는 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.