* 나만의 카카오톡 챗봇 만들기 * API 개념 이해 * Node.js 응답 서버 구축 * Heroku에 서버 올리기

1. 리스펙토링
세 번째 세션

2. 목차  카카오톡 플러스친구 개설
 카카오톡 API 이해
 Node.js 응답 서버 구축
 Heroku에 서버 올리기
 카카오톡 응답 테스트

4. 카톡 플러스친구 개설

5. 플친 가입 후 새로 생성

6. 이런 형식으로 생성됨

7. 두 기능만 사용

8. 공개 설정

9. API형 설정

10. 카카오톡 API 요청을 받아서
사용자 질문에 대답해 줄 서버 URL
API 요청 방식 문서

11. 카톡 API 이해

12. • GET : HTTP 요청 방식
• your_server_url : 우리가
배포할 서버 주소
• /keyboard : 키보드 버튼
요청
• json : 응답 데이터 형태

13. 서버에 작성할 응답 데이터 코드

15. Node.js
응답 서버 구축

16. NPM 기초 명령어 및 프로젝트 폴더 생성
 node –v : Node.js 버전 확인
 npm –v : NPM 버전 확인
 npm init : Node 프로젝트를 위한 package.json
파일 생성 => 초기화
 npm lnstall 패키지명 : 패키지 설치

17. npm install --save express
: express 프레임워크 설치

18. 기본 서버 구축 & 키보드 응답 코드 작성

19. Heroku에 서버 배포

20. HEROKU 란?
 여러 프로그래밍 언어를 지원하는 클라우드 플랫폼
서비스
 웹 서버의 기능을 포함하는 플랫폼 및 인프라 제공
(빌드, 배포, 환경설정, 확장, 튜닝 등)
 간단한 웹 페이지를 올릴 수 있는 무료 서버 제공
(512MB 메모리, 1 web / 1 worker)

22. CLI (Command Line Interface)
: 터미널 창에서 heroku 명령어를 사용할 수 있음
헤로쿠 CLI 설치
https://devcenter.heroku.com/articles/heroku -cli

23. 자신의 헤로쿠 앱 목록
=> 카카오톡 응답 서버를 배포할 헤로쿠 앱 생성
개인 헤로쿠 화면

24. vscode 터미널에서 헤로쿠 로그인
heroku login : 헤로쿠 접속
=> 헤로쿠 email & password 입력

25. 헤로쿠 앱 생성
heroku create 앱이름
=> 앱 이름이 이미 존재하면 생성되지 않음

26. heroku config:set NODE_ENV=노드환경변수명
=> 노드 환경변수 설정
=> 기본값은 production
런타임 환경변수 설정

27. 깃 초기화 및 원격 경로 설정
1. 깃 초기화
2. 깃-헤로쿠 원격 경로 설정
3. 원격 설정 확인

28. .gitignore 파일 추가
.gitignore
=> 깃 추적 시, 작성된 파일 및 폴더는 무시
=> .vscode와 node_modules 추적하지 않음
=> 파일이나 폴더 이름 앞에 .이 붙으면 숨김 파일을 의미

29. 깃 추적 및 커밋
git add . => 모든 파일 추적 (임시)
git commit –m “메시지” => 추적된 파일 커밋 (확정)

30. 헤로쿠 앱 서버
배포 및 적용

31. 헤로쿠 앱 실행
헤로쿠 앱 URL 확인 및 테스트

32. 헤로쿠 앱 온오프 설정
heroku ps:scale web=0 : 앱 중지
heroku ps:scale web=1 : 앱 실행

33. 카톡 요청-응답 테스트

34. 잘 되는지 확인

36. 키보드 요청이 잘 된 것을 확인할 수 있다.

37. 응답 메시지 코드를 서버 파일에 작성하지
않아서 생기는 오류이다.

38. 응답 메시지 형식
데이터를 Request Body 에 담아서 보내는 HTTP 요청 방식
/message 경로로 요청
사용자가 입력한 메시지가 content 안에 담겨서 보내진다.
content는 request body 안에 저장

39. npm install --save body-parser
body-parser
• 클라이언트에서 요청한 데이터가
담겨 있는 request body 를 읽어
req.body 객체를 생성
urlencoded ()
• UTF-8 인코딩을 지원
json()
• 데이터를 JSON 형태로 가져옴

40. req.body.content
• 사용자가 카톡에 입력한 대화 내용은
request body의 content 객체 안에
담겨 전송된다.
var responseMsg
• 카톡 사용자에게 응답해줄 메시지 작성
res.json()
• 응답 메시지를 JSON 형식으로 전송
응답 메시지 작성

41. • git add . && git commit –m “”
• git push heroku master
변경된 코드 적용 및 헤로쿠 재배포

42. 응답 테스트

43. 이미지와 링크 추가

44. 여기서부턴 입맛대로

45. • http://codevkr.tistory.com/30
• https://devcenter.heroku.com/article
s/getting-started-with-
nodejs#introduction
• http://expressjs.com/ko/
참고 링크

46. 감사합니다.