dialogflow web v2
1.0.0
Dialogflow를 사용하면 자연어 입력을 처리하고 이해할 수 있는 강력한 자연어 이해(NLU) 엔진을 제공하여 제품 및 서비스 위에 대화형 인터페이스를 구축할 수 있습니다.
이것은 Dialogflow V2의 비공식 웹 통합입니다.
공지 : 2021년 8월, 웹 앱을 Vue 3으로 업그레이드하고 보안 취약점을 수정하고 종속성을 업데이트했습니다. 소프트웨어는 무료로 제공되지만 내 시간은 그렇지 않습니다. PayPal이나 상업 계약을 통해 저를 지원해 보세요.
사운드 디자인, 팟캐스트 및 음성 앱을 담당하는 파리의 오디오 마케팅 스튜디오인 Vokode의 후원
Dialogflow Gateway를 사용하면 이와 같은 타사 통합을 통해 Dialogflow V2 API에 안전하게 액세스할 수 있습니다.
Ushakov의 AD Dialogflow Gateway(호스팅)는 Dialogflow for Web v2를 시작하는 가장 빠른 방법입니다.
git을 사용하거나 GitHub에서 다운로드할 수 있습니다.
복제된 폴더를 엽니다. 그런 다음 패키지 관리자를 사용하여 종속성을 설치합니다.
npm 사용
npm i
실을 사용하여
yarn
src/config/index.js 열고 endpoint 변수를 Dialogflow Gateway URL로 변경합니다.
힌트: Ushakov가 호스팅하는 Dialogflow Gateway의 URL은 항상 Google 클라우드 프로젝트 ID + .core.ushaflow.io 입니다. 문제가 있는 경우 에이전트를 게이트웨이에 연결했는지 확인한 다음 콘솔을 방문하여 "관리"를 클릭하고 게이트웨이 URL을 복사하세요.
예
export default {
endpoint : 'https://dialogflow-web-v2.core.ushaflow.io'
[ ... ]
}
[ ... ] 로고, 에이전트 이름, 설명, 사용 가능한 언어는 Dialogflow에서 가져옵니다. Dialogflow에서 이를 변경하면 UI에 동기화됩니다. 새로운 언어를 추가할 때 일부 UI도 번역해야 할 수도 있습니다( src/translations 의 translations.json ).
복제된 폴더를 엽니다. 그런 다음 선호하는 패키지 관리자를 사용하여 serve 명령을 실행하십시오.
npm 사용
npm run serve
실을 사용하여
yarn serve
기본 브라우저가 열리고 localhost:8080 으로 리디렉션됩니다. 포트 8080이 이미 사용 중인 경우 지정된 포트에 연결하도록 port 인수를 제공할 수 있습니다.
npm 사용
npm run serve --port 9090
실을 사용하여
yarn serve --port 9090
방문자에게 앱을 제공하기 위해 개발 서버를 사용하지 마십시오. 개발 서버는 개발을 위한 것입니다. 정적 웹 서버에 빌드 아티팩트를 업로드하세요.
사양에 따라 Dialogflow for Web v2용 맞춤 테마를 만들 수 있습니다.
변수를 적용하려면 src/style/theme.sass 열고 :root 선택기에서 변경하세요.
@media (prefers-color-scheme: dark) 아래의 동일한 파일 및 선택기 내에서 다크 모드 지원 클라이언트에 대한 테마를 최적화할 수도 있습니다.
귀하의 앱은 dist 디렉터리에 번들로 제공됩니다.
그것을 구축하려면 npm 또는 Yarn을 사용할 수 있습니다
npm 사용
npm run build
실을 사용하여
yarn build
변경 사항을 통합하려면 git pull origin master 실행하세요.
또한 vue 패키지를 최신 상태로 유지하세요.
vue upgrade
개발자에게 문의하거나 문제를 제기하세요.
