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.