Minkyung Ko

Update README.md Ver.9

Showing 1 changed file with 37 additions and 11 deletions
......@@ -6,7 +6,7 @@
<img width="300" height="300" src="mbti.jpg">
<h1 align="center">Find MBTI chatbot</h1>
</div>
</div>
......@@ -18,7 +18,7 @@
4. [Usage](#usage)
5. [Roadmap](#roadmap)
6. [Contributing](#contributing)
7. [Contact](#contact)
7. [Contact](#contact)
......@@ -40,13 +40,15 @@
* [Node.js](https://nodejs.org/ko/)
* [Express](https://expressjs.com/ko/)
* [Javascript](https://developer.mozilla.org/ko/docs/Web/JavaScript)
* [Naver Open API](https://developers.naver.com/main/)
* [Kakao API](https://developers.kakao.com/)
<p align="right">(<a href="#top">back to top</a>)</p>
## Installation
__user__
1. Clone the repo
```
git clone http://khuhub.khu.ac.kr/2018103692/find_mbti_bot
......@@ -55,25 +57,48 @@
```
npm install
```
<p align="right">(<a href="#top">back to top</a>)</p>
3. Put your secret API KEY in ```.env```
If you have not installed dotenv module, enter the following command to install.
```
npm install dotenv
```
__developer__
1. 카카오 채널 생성 및 OBT 신청하기
2. 채널 설정
a) 스킬 생성 : routing이 되는 url 입력
b) 블록 생성하여 스킬과 연결
c) 봇 응답 - 스킬데이터 사용 선택
3. git clone
4. 디렉토리에 있는 app.js에서 각 route마다 다음으로 연결될 블록 ID 입력
사용자 발화시 UserRequest.blockid나
i.kakao.com의 블록에서 url을 통해 확인할 수 있음
5. 배포
6. npm install
7. 실행
<!-- USAGE EXAMPLES -->
## Usage
* "MBTI 챗봇" 채널을 추가해 주세요.
link: <http://pf.kakao.com/_jAjtb>
<img src="channel.jpg" width="270px" height="450px"></img><br/>
<img src="channel.jpg" width="270px" height="450px"></img><br/>
* 또는 아래의 qr코드를 스캔하면 챗봇과 바로 채팅을 시작할 수 있습니다.
<img src="qrcode.jpg" width="250px" height="250px"></img><br/>
* 또는 아래의 qr코드를 스캔하면 챗봇과 바로 채팅을 시작할 수 있습니다.
<img src="qrcode.jpg" width="250px" height="250px"></img><br/>
* 채팅창에 "안녕"을 입력하면 챗봇이 메시지를 전송합니다.
<img src="hello.jpg" width="300px" height="300px"></img><br/>
* 채팅창에 "안녕"을 입력하면 챗봇이 메시지를 전송합니다.
<img src="hello.jpg" width="300px" height="300px"></img><br/>
* 전송된 메시지에서 "MBTI 테스트 시작하기" 버튼을 터치하면 MBTI 테스트를 진행할 수 있습니다.
<img src="test.jpg" width="300px" height="300px"></img><br/>
* 20개의 질문에 모두 응답을 하면 MBTI 결과가 나타납니다. 본인의 MBTI 관련 게시물들도 확인할 수 있으니 구경해 보세요!
<img src="result.jpg" width="300px" height="300px"></img><br/>
* 테스트를 하다가 처음부터 다시 시작하고 싶을 때에는 채팅창에 "테스트 시작하기"를 입력해 주세요.
<p align="right">(<a href="#top">back to top</a>)</p>
......@@ -85,7 +110,8 @@
- [x] Kakao 채널 만들기
- [x] express 서버 연결
- [x] test
- [ ] MBTI설문을 챗봇에 적용시키기
- [x] MBTI설문을 챗봇에 적용시키기
- [x] 외부 API 사용하기
<p align="right">(<a href="#top">back to top</a>)</p>
......