안녕하세요
이번 시간에는 본격적으로 개발한 Dialogflow 챗봇을 카카오톡 플러스친구와 연동하여
실제 서비스를 진행하기 위한 과정을 진행하도록 하겠습니다!
분량이 있어서 카카오톡 연동 부분은 총 2 포스트로 진행할 예정입니다.
먼저 다이얼로그플로우 프로젝트의 설정으로 진입해서 정보를 하나 확인해봅시다.
API 버전이 V2인지 확인해주세요!
만약에 V1이라면 V2로 변경해주세요.
기존에는 기본값이 V1이였으나 최근부터 V2가 기본 API 버전으로 선택됩니다.
이전의 V1보다 연동하는 방법이 조금 까다로워지고 보안적인 측면에서도 강화되었는데 크게 어렵지 않습니다.
V2 버전인것을 확인했으면 아래 링크로 접속해줍니다
[ 구글 클라우드 플랫폼 ]
https://console.cloud.google.com/project
API V2부터는 기본적으로 구글 클라우드 플랫폼(GCP)과 연동되어있는듯 합니다.
위 링크에 접속해보시면 GCP에서 생성한 프로젝트들이 보이실텐데요 그중 우리가 만든 Dialogflow 프로젝트와
이름이 동일한 항목이 있습니다.
선택해줍니다.
선택하셨으면 좌측 메뉴에서 서비스 계정을 선택합니다.
서비스계정을 확인해보시면 Dialogflow Intergrations 항목이 있을텐데요
우측의 세로 점 3개 아이콘을 눌러서 키 생성을 선택해줍니다
JSON 타입으로 키 파일을 생성해줍니다.
자동으로 키 파일이 다운로드됩니다.
이 키 파일은 외부에 공개하면 안됩니다.
나중에 재발급받을 수 있으나 빠른 진행을 위해 키 파일을 안전하고 찾기 쉬운곳에 옮겨둡니다.
이렇게 파일이 다운로드되는데 잘 복사, 또는 이동시켜주세요
[ Node.js 프로젝트 생성 ]
위 링크에서 Node.js 실습 항목을 확인해주시고
npm init 명령어까지 진행해주세요
진행하셨다면 사진의 명령어를 입력해주세요
npm install express body-parser --save
express, body-parser 라이브러리를 설치하는 명령어입니다.
새 .js 파일을 생성하고 아래 코드를 입력해줍니다.
저는 app.js 파일을 생성한 후 위의 코드를 작성하였습니다.
작성 후 실행시켜주세요
[ Node.js 실행 명령어 ]
node 파일명
저는 app.js 이므로 아래와 같이 입력했습니다.
node app.js
서버를 실행시켰으면 카카오톡 플러스 친구를 생성해줍니다.
(이미 생성했다면 건너뛰세요)
[플러스친구 생성하기 + 공개설정]
관리자페이지의 좌측 메뉴 중 "스마트채팅 > API 형" 에 진입해주세요
아래와 같은 화면이 나옵니다.
앱 URL에는 http(s)://서버주소:포트 를 입력해주세요
서버 주소는 서버 코드가 실행중인 컴퓨터의 공인 IP 주소입니다.
(만약 공유기 사용자이시면 포트포워딩을 통해 서버 포트를 열어주어야합니다.)
서버 주소 작성 후 API 테스트 버튼을 눌러줍니다.
keyboard OK 과 아래에 우리가 지정한 버튼 데이터가 출력되면 정상적으로 완료된것입니다.
아래 인증 단계를 거치고 활성화시켜줍니다.
카카오톡에 생성한 플러스친구 ID 또는 이름을 검색하여 친구추가해주세요
정상적으로 버튼 목록이 잘 뜨네요
아무 버튼을 눌러봅시다.
서버의 로그에는 유저 임시키와 메시지 타입, 메시지 내용이 정상적으로 출력됩니다!
(카카오톡에서는 응답이 없다고 메시지가 출력됩니다.)
서버에 전달되는 데이터를 확인했으니 다음 진행 과정에서는 받은 데이터를 Dialogflow에 넘겨주고 응답을 받아보도록 하겠습니다.
감사합니다.
