알음알음 챗봇관련 책을 사서 읽고
무료 온/오프라인 강의도 수강해서 dialogflow를 접했는 데.
구글이 제공하는 web demo만 사용해야 하는 지 궁금했다.
그런데 내가만든 웹에서도 호출이 가능하다는 걸 알고..
:D 환.호
그리고 해보았다.
[소스코드]
"dependencies": {
"@babel/polyfill": "^7.10.1",
"axios": "^0.19.2",
"babel-polyfill": "^6.26.0",
"es6-promise": "^4.2.8",
"vue": "^2.6.11",
"vuetify": "^2.2.11"
}
https://github.com/ingus26/chatbot-test
ingus26/chatbot-test
dialogflow web demo ( with Vue.js ). Contribute to ingus26/chatbot-test development by creating an account on GitHub.
github.com
일단 되는 게 중요한 거라 생각해서
디자인은 고려하지 않았다.
1. 구글 dialogflow 실습 자료 만들기
2. 구글 dialogflow 설정 값 가져오기
-> dialogflow 설정값에 들어가서
초록색으로 칠해진 부분 2곳, 프로젝트명과 Client access token. 이 두 부분을 따로 복사해논다.
3. vue 프로젝트 생성
-> 새로 프로젝트를 만든다면 https://ingus26.tistory.com/30 참고
1) github에서 소스를 다운 받아서 프로젝트 폴더에 저장
2) node prompt로 접속하여 프로젝트 폴더로 이동 후 설치
$ cd 프로젝트 폴더
$ npm install
4. 2번에서 복사했던 내용을 App.vue에 붙여넣는 다
-> dialogflow API v1 : https://dialogflow.com/docs/reference/agent/query
{DialogFlow Name} 을 API 버전으로 치환
{DialogFlow Client access token} 을 Client access token으로 치환
5. 페이지 확인
$ npm run serve
[읽어봤던 책]
1. 누구나 쉽게 배우는 챗봇 서비스
https://book.naver.com/bookdb/book_detail.nhn?bid=13733578
누구나 쉽게 배우는 챗봇 서비스
모던 웹 기술로 구현하는 챗봇 실무 예제현재 챗봇에 대한 관심이 높아지고 있습니다. 국민 메신저 앱인 카카오톡을 비롯해서 페이스북 메신저, 기업용 메신저로 각광받는 슬랙 등 다양한 커뮤�
book.naver.com
2. 똑똑한 챗봇 만들기
https://book.naver.com/bookdb/book_detail.nhn?bid=15973815
똑똑한 챗봇 만들기
챗봇 기획부터 제작까지,똑똑한 챗봇을 만들기 위한 기초 다지기생활 속의 인공지능인 챗봇을 만드는 데에는 인공지능의 원리나 신경망의 구조, 수학적인 계산 방식을 아는 것도 중요하지만, ��
book.naver.com
[수강했던 무료 강의]
1. 오프라인 https://www.onoffmix.com/event/203085
AI 챗봇 실습 특강
세상의 모든 모임 '온오프믹스'
www.onoffmix.com
따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기 - 인프런
이 강의를 통해서 Google에서 제공하는 API를 사용해서 챗봇을 만들어 볼 수 있습니다. 초급 웹 개발 프레임워크 및 라이브러리 React Node.js 웹 개발 서비스 개발 온라인 강의 구글 API를 활용한 챗봇
www.inflearn.com
'개발환경 > 챗봇!' 카테고리의 다른 글
라인웍스 챗봇 예제 사이트 (0) | 2020.07.28 |
---|