기본 콘텐츠로 건너뛰기

Flask로 간단한 카카오톡 챗봇 구현하기

Flask로 간단한 카카오톡 챗봇 구현하기

이번에는 Python 기반 프레임워크인 Flask를 통해 간단한 카카오톡 챗봇을 구현하려 한다.

시작하기에 앞서

왜 굳이 같은 Python 기반 프레임워크인 Django 대신 Flask를 쓰지? 라는 의문이 들 수 있는데, Flask를 사용하는 이유는 우선 Django가 웹 개발에 필요한 모든 기능을 지원하는 풀스택 프레임워크라는 점에 있다. 카카오톡 플러스 친구의 경우, 카카오톡에서 프론트 엔드 기능을 대신 구현해 놨기에 간단하게 백엔드만 구현하면 되는데, Django는 초기 세팅을 할 요소들이 많아 빠르게 서비스를 구현하기가 어려워 Flask를 선택하게 됐다.

또한 이 포스트는 최대한 간단한 기능의 챗봇을 구현하는 것을 목표로 하지만, 그에 필요한 최소한의 사전 지식은 알아둘 필요가 있기에 다음 포스트들을 미리 읽고 오는 것을 추천한다.

1) AWS 서버

2) 파이썬

1. 챗봇 작동 원리

카카오톡 챗봇의 개발 과정 및 작동 원리는 프론트 엔드만 제외하면 웹과 동일하다.

플러스 친구는 프론트 엔드를 카카오톡 어플로 구현했기 때문에 백엔드 파트만 개발하면 된다.

사용자는 카카오톡을 통해 플러스 친구에 메시지 전달 시, 플러스 친구는 등록된 AWS 서버에 해당 메시지를 전달한다.

전달된 메시지는 서버 내 로직에 의해 처리되어 결과를 플러스 친구에 반환한다.

플러스 친구는 반환된 결과를 사용자에게 반환한다.

2. 카카오톡 플러스 친구 만들기

1) 카카오톡 플러스친구 접속

카카오톡 플러스친구에 들어가 플러스친구 만들기를 클릭한 뒤 카카오 ID로 로그인한다.

2) 플러스친구 개설하기

다음과 같이 챗봇의 이름과 정보 등을 입력한다.

3) 추가 정보 수정하기

관리 -> 상세설정 에 들어가 다음과 같이 설정을 바꾼다.

4) 스마트채팅 설정하기

스마트채팅에 들어가 내 AWS 서버의 DNS 주소와 포트를 등록할 수 있다.

우리는 아직 챗봇을 구현하지 않기에 API 테스트를 통과하지 못한다. 이제 챗봇을 만들어 보자!

3. Flask로 챗봇 만들기

1) 챗봇 코드 작성하기

아톰이나 다른 오프라인 에디터를 실행해 아래 코드를 작성한 뒤, pangpang2.py라는 이름으로 저장하자.

더보기

접기 # -*- coding: utf-8 -*- #--------------------------------- # pangpang2.py #--------------------------------- import os from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/keyboard') def Keyboard(): dataSend = { "type" : "buttons", "buttons" : ["팡팡이와 대화하기!", "도움말"] } return jsonify(dataSend) @app.route('/message', methods=['POST']) def Message(): dataReceive = request.get_json() content = dataReceive['content'] if content == u"팡팡이와 대화하기!": dataSend = { "message": { "text": "팡팡이 명령어 목록!

1. 도움말

2. 안녕!

3. 저기요~" } } elif content == u"도움말": dataSend = { "message": { "text": "이제 곧 정식 버전이 출시될거야. 조금만 기다려~~~" } } elif u"안녕" in content: dataSend = { "message": { "text": "안녕~~ 반가워 ㅎㅎ" } } elif u"저기" in content: dataSend = { "message": { "text": "볼일 끝났으면 썩 꺼져!" } } else: dataSend = { "message": { "text": content } } return jsonify(dataSend) if __name__ == "__main__": app.run(host='0.0.0.0', port = 6000) 접기

위 코드를 간단하게 설명하자면,

@app.route('/keyboard')

위 부분은 http://(서버 DNS 주소)/keyboard 로 서버에 GET 요청이 들어오면 바로 아래 함수를 실행하는 문장이다.

app.run(host='0.0.0.0', port = 5000)

이 부분은 서버 내부의 0.0.0.0 주소의 5000번 포트에서 이 프로그램을 실행시키겠다는 문장이다.

2) 서버에 코드 업로드하기

코드 작성이 완료됐으니, 서버에 해당 코드를 업로드 해보자. 우선 GitKraken을 이용해 GitHub에 해당 코드를 업로드하자. 그 뒤 putty를 이용해 사전에 생성한 AWS 서버에 접속해 GitHub에서 프로젝트를 clone 받는다.

3) 서버에서 프로그램 실행하기

업로드 된 flask 프로젝트를 실행시키기 위해 다음 명령어를 실행해 flask를 설치하자. 이때 가상환경 꼭꼭 실행하자. 관련 링크는 포스트 맨 위에 있다.

$pip install --upgrade pip $pip install flask

서버에서 Flask 프로그램을 실행하는 방법은 2가지가 있다.

첫 번째, 코드에서 내부 IP 주소와 포트 번호를 미리 지정하는 방법

우리는 앞선 코드의 맨 아래 줄에서 IP주소와 포트 번호를 지정했기에, 다음 명령어로 프로그램을 실행할 수 있다.

$nohup python pangpang2.py

두 번째, 프로그램 실행 시 IP 주소와 포트 번호를 인자로 입력하는 방법

실행에 앞서 다음 명령어로 초기 설정을 해준다.

$export FLASK_APP=pangpang2.py

소스 코드의 수정 또한 필요하다. pangpang2.py 파일의 맨 끝 문장을 다음과 같이 수정한다.

app.run(host='0.0.0.0', port = 5000) -> app.run()

이제 다음 명령어를 사용해 프로그램을 실행한다.

$nohup flask run -h 0.0.0.0 -p 7000

이 방법은 IP 주소와 포트번호를 매번 인자로 넘겨줘야 해서 조금 번거롭지만, 테스트용으로 같은 버전의 여러 챗봇을 동시에 운영해야할 때에 유용하다.

4. 플러스친구에 서버 연동하기

이제 플러스 친구에서 스마트 채팅에 다음과 같이 앱 URL (DNS 주소)를 등록하고 API 테스트를 거치면 챗봇이 정상적으로 작동하게 된다. 뒤에 반드시 포트 번호도 적어주자.

플러스친구가 완성되었다! 카카오톡 친구 검색에서 내 플러스친구 이름을 검색해 친구 추가를 해보자~

참고 사이트

from http://cupjoo.tistory.com/5 by ccl(A) rewrite - 2020-03-06 11:54:18

댓글

이 블로그의 인기 게시물

2020년의 웹 기술 개발 스택

2020년의 웹 기술 개발 스택 웹 응용 프로그램을 개발할 때 고려해야 할 가장 중요한 것은 앱의 기반이 되는 기술 스택이다. 적절한 기술 스택을 통해 적은 예산으로 가장 큰 효과를 제공하는 것은 기업 입장에서는 특히 어려운 과제이며 올바른 기술 스택 사용은 프로젝트의 성공과 실패를 결정짓는 중요한 열쇠다. 물론 필자는 프로젝트를 직접 운영하고 있지도 않고, 사용할 기술 스택을 선택할 입장이 아니기 때문에 해당 사항이 없다. 하지만 2020년을 살아가는 Front-End 개발자로서 쌓아나가야 할 기술 스택의 방향성을 정하는 데 도움이 되고자 포스팅을 해본다. 2020년 웹 기술 개발 스택 최신 웹 기술 스택을 선택하기 이전에 웹 응용 프로그램 개발 프로세스 구성요소를 명확하게 이해해야 한다. 웹 개발에는 크게 클라이언트 쪽과 서버 쪽의 두 가지로 나뉜다. 클라이언트 측 프로그래밍 (Front-End) 웹 개발에는 사용자가 화면에서 보는 모든 것이 포함된다. 주요 프론트엔드 기술 스택 구성 요소는 다음과 같다. HTML (Hyper Markup Language) 및 CSS (Cascading Style Sheets) HTML은 브라우저에게 웹 페이지의 내용을 표시하는 방법을 알려준다. CSS는 그 내용을 스타일링 한다. (+) Bootstrap : HTML, CSS 관리에 유용한 프레임워크 JavaScript (JS) 웹 페이지를 대화식으로 만든다. 더 빠르고 쉬운 웹 개발을 위한 많은 JS 라이브러리와 프레임워크가 있다. - 라이브러리 : jQuery, React.js 및 Zepto.js - 프레임워크 : Angular, Vue, Backbone 및 Ember) 서버 측 프로그래밍 (Back-End) 서버 측은 어플리케이션(Back-End), 데이터베이스 및 서버 자체가 포함된다. 사용자에게 보이지 않지만 발전소가 집에 전기를 생성하는 것처럼 클라이언트 측에 전원을 공급하는 역할을 한다. 문제는 주로 웹 응용 프로그...

[ubuntu] FLASK_APP

[ubuntu] FLASK_APP Development/Debugging 🐞 FLASK_ENV=development FLASK_APP = app.py flask run zsh: command not found: FLASK_APP ✔️ FLASK_ENV=development FLASK_APP=app.py flask run 띄어쓰기를 해서 저런 오류를 출력할수도 있구나 😲 참고 : 108p에서 FLASK가 FKAS로 오타나있다. from http://hee-stories.tistory.com/18 by ccl(A) rewrite - 2020-03-24 17:20:11

외래어 정리

외래어 정리 [A] acacia 아카시아 academic 아카데믹 academy 아카데미 acanthus 아칸서스 accelerator 액셀러레이터 accent 악센트 acceptor 억셉터 access 액세스 accessory 액세서리 accordion 아코디언 ace 에이스 acetate 아세테이트 acetaldehyde 아세트알데히드 acetic acid 아세트(산) acetone 아세톤 acetyl 아세틸 acetylene 아세틸렌 Achilles tendon 아킬레스(건) acre 에이커 acrylic acid 아크릴(산) action 액션 active 액티브 acyl 아실 AD 에이디 adagio 아다지오 adapter 어댑터 ad + balloon 애드벌룬 address 어드레스 adenine 아데닌 adrenaline 아드레날린 advantage 어드밴티지 aerobic dance 에어로빅 댄스 aerofoil 에어로포일 aerosol 에어로졸 afghan 아프간 [편물] after + service 애프터서비스 agape 아가페 Ainu 아이누 air conditioner 에어컨(디셔너) airspray 에어스프레이 album 앨범 albumin 알부민 alcohol 알코올 aldehyde 알데히드 ALGOL 알골 algorism 알고리즘 alibi 알리바이 alkali 알칼리 alkaloid 알칼로이드 Allah 알라 allegory 알레고리 allegretto 알레그레토 allegro 알레그로 alleluia 알렐루야 Allergie 알레르기 alligator 앨리게이터 all-in-one 올인원 almond 아몬드 aloha 'oe 알로하 오에 Alpenhorn 알펜호른 alpha 알파 alphabet 알파벳 ...