Voximplant와 Dialogflow를 기반으로 나만의 Google 통화 선별 만들기

Google이 미국에서 Pixel 휴대폰에 출시한 통화 선별 기능에 대해 듣거나 읽어보셨을 것입니다. 아이디어는 훌륭합니다. 수신 전화를 받으면 가상 비서가 통신을 시작하고 채팅 형식으로 이 대화를 볼 수 있으며 언제든지 비서 대신 말하기를 시작할 수 있습니다. 요즘 거의 이럴 때 매우 유용합니다. 전화의 절반은 스팸입니다, 하지만 연락처 목록에 없는 사람의 중요한 전화를 놓치고 싶지는 않습니다. 유일한 문제는 이 기능이 Pixel 휴대폰에서만 사용할 수 있으며 미국에서만 사용할 수 있다는 것입니다. 글쎄요, 극복해야 할 장애물이 있죠? 따라서 우리는 Voximplant와 Dialogflow를 사용하여 유사한 솔루션을 만드는 방법을 알려드리기로 결정했습니다. 고양이 밑으로 부탁드립니다.

구조

Voximplant와 Dialogflow의 작동 방식을 설명하는 데 시간을 낭비하지 말고 원할 경우 인터넷에서 쉽게 정보를 찾을 수 있습니다. 이제 Call Screening의 개념에 대해 알아 보겠습니다.

매일 사용하고 중요한 전화를 받는 특정 전화번호가 이미 있다고 가정해 보겠습니다. 이 경우 우편, 명함, 온라인 양식 작성 등 모든 곳에 표시되는 두 번째 번호가 필요합니다. 이 번호는 자연어 처리 시스템(이 경우 Dialogflow)에 연결되며 귀하가 원하는 경우에만 기본 번호로 전화를 전달합니다. 다이어그램 형식에서는 다음과 같습니다(그림을 클릭할 수 있음).

아키텍처를 이해하면 구현을 맡을 수 있지만 한 가지 주의할 점은 다음과 같습니다. 이동하는 Dialogflow와 수신 호출자 간의 대화를 표시하는 애플리케이션을 만들려면 간단한 웹-통화 선별 작동 방식을 명확하게 보여주는 대화 렌더러가 포함된 애플리케이션입니다. 이 애플리케이션에는 개입 버튼이 있으며, 이 버튼을 누르면 Voximplant가 수신 가입자를 전화를 건 가입자와 연결합니다(후자가 스스로 대화하기로 결정한 경우).

Реализация

로그인 귀하의 Voximplant 계정 예를 들어 심사와 같은 새 응용 프로그램을 만듭니다.

열어 라. 섹션 "객실" 중개자 역할을 할 번호를 구매하세요.

다음으로 심사 신청서의 '번호' 섹션 '사용 가능' 탭으로 이동하세요. 여기에 방금 구매한 번호가 표시됩니다. "첨부" 버튼을 사용하여 애플리케이션에 연결합니다. 나타나는 창에서 모든 기본값을 그대로 두고 "첨부"를 클릭합니다.

응용 프로그램 내부에서 "스크립트" 탭으로 이동하여 myscreening 스크립트를 만듭니다. 여기서는 기사의 코드를 사용합니다. Dialogflow 커넥터 사용 방법. 이 경우 호출자와 보조자 간의 대화를 "보아야" 하기 때문에 코드가 약간 수정됩니다. 모든 코드 가능 여기로 데려가세요.

주의: 서버 변수의 값을 ngrok 서버의 이름으로 변경해야 합니다(ngrok에 대한 자세한 내용은 아래에 있음). 또한 31행의 값을 대체하십시오. 여기서 전화번호는 기본 번호(예: 개인 휴대폰)이고, voximplant 번호는 최근 구입한 번호입니다.

outbound_call = VoxEngine.callPSTN(“YOUR PHONE NUMBER”, “VOXIMPLANT NUMBER”)

통화PSTN 통화는 대화에 참여하여 들어오는 가입자와 개인적으로 대화하기로 결정한 순간에 발생합니다.

스크립트를 저장한 후 구매한 번호에 연결해야 합니다. 이렇게 하려면 애플리케이션 내에서 "라우팅" 탭으로 이동하여 새 규칙(오른쪽 상단에 있는 "새 규칙" 버튼)을 만듭니다. 이름(예: allcalls)을 제공하고 기본 마스크(.* - 모든 수신 전화가 이 규칙에 대해 선택된 스크립트에 의해 처리됨을 의미)를 그대로 두고 myscreening 스크립트를 지정합니다.

규칙을 저장합니다.

이제부터 전화번호가 스크립트에 연결됩니다. 마지막으로 해야 할 일은 봇을 애플리케이션에 연결하는 것입니다. 이렇게 하려면 'Dialogflow 커넥터' 탭으로 이동하여 오른쪽 상단에 있는 'Dialogflow 에이전트 추가' 버튼을 클릭하고 Dialogflow 에이전트의 JSON 파일을 업로드하세요.

예시/테스트를 위한 에이전트가 필요한 경우 다음 링크에서 에이전트를 이용할 수 있습니다. github.com/aylarov/callscreening/tree/master/dialogflow. 많은 것을 요구하지 마세요. 이는 원하는 대로 자유롭게 다시 실행하고 결과를 자유롭게 공유할 수 있는 예시일 뿐입니다. :)

NodeJS의 간단한 백엔드

예를 들어 다음과 같이 노드에 간단한 백엔드를 배포해 보겠습니다.
github.com/aylarov/callscreening/tree/master/nodejs

이는 두 개의 명령만 실행하면 되는 간단한 애플리케이션입니다.

npm install
node index.js

서버는 시스템의 포트 3000에서 실행되므로 Voximplant 클라우드에 연결하기 위해 ngrok 유틸리티를 사용합니다. 설치할 때 남자, 다음 명령을 사용하여 실행하세요.

ngrok http 3000

ngrok이 로컬 서버에 대해 생성한 도메인 이름을 볼 수 있습니다. 이를 복사하여 서버 변수에 붙여넣습니다.

클라이언트

클라이언트 애플리케이션은 다음과 같은 간단한 채팅처럼 보입니다. 여기에서 받아.

모든 파일을 웹 서버의 일부 디렉토리에 복사하면 작동합니다. script.js 파일에서 서버 변수를 ngrok 도메인 이름으로 바꾸고, 수신자 변수를 구매한 번호로 바꾸세요. 파일을 저장하고 브라우저에서 애플리케이션을 실행합니다. 모든 것이 정상이면 개발자 패널에 WebSocket 연결이 표시됩니다.

Демо

이 비디오에서 애플리케이션이 실제로 작동하는 모습을 볼 수 있습니다.

PS 개입 버튼을 클릭하면 발신자는 내 전화번호로 연결되고, 연결 끊기를 클릭하면...? 그렇군요. 통화가 끊어집니다.

출처 : habr.com