본문 바로가기
프로젝트 개발 일지/웹개발_프론트엔드

[챗봇 with React] #3 전체 구조 & textQuery Route

by ballbig 2024. 9. 10.
728x90

 

전체 구조

 

1. 사용자가 챗봇에게 메시지를 전송하면 서버에게 request가 보내진다. 이때, 사용자의 액션에 따라 메시지는 두개의 Route에 나눠져서 전송된다.
2. 서버는 Dialogflow에게 request를 보낸다.
3. Dialogflowrequest를 처리 한 후, 서버에 처리한 데이터를 전달해준다.
4. 서버는 dialogflow에게 받은 데이터를 client에게 전달해준다.
5. 처리된 데이터가 사용자에게 보여진다.
 
 
Route
  • 총 2개의 Route를 사용하여 개발한다.
  • 사용자에 입력에 따라 각각 다른 Route로 나눠져서 전송된다. 
    • normal 데이터 입력 => Text Query Route
    • 특별한 데이터/이벤트 => Event Query Route