[아두이노] IoT 시스템 기능 완성하기 - 히스토리 컴포넌트 & 디바이스 제어 컴포넌트

<본 블로그는 엘리스 IoT 1를 참고해서 공부하며 작성하였습니다 :-)>

(코드는 저작권상 공유 안됩니당!!)

 

🥑 히스토리 컴포넌트

디바이스 리스트 조회 -> 디바이스, 날짜 선택 -> 디바이스 데이터 조회 -> 차트 출력

 

🥑 바이스 제어 컴포넌트

디바이스 리스트 조회 -> 디바이스 선택 -> 펌프 동작 -> 펌프 중지

 

🍔 동작 요청 프로세스

클라이언트 -> API 서버 -> MQTT 브로커 -> 디바이스

: 클라이언트에서 디바이스 선택 후 REST API 로 동작/정지 요청

: 요청을 받은 API 서버에서 MQTT 브로커를 통해 명령 메시지 발행

: 메시지를 받은 디바이스가 명령을 수행

 

🥑 React 프로젝트 배포

React 프로젝트 배포 계획 -> React 프로젝트 빌드 (webpack 설치, 설정 파일, build 추가) -> React 프로젝트 빌드 결과물 확인 )public에 bundle.js 생성 확인) -> React 프로젝트 복사-> html 파일 전달 코드 추가 (static 경로 설정) -> EC2 코드 최신화 하기