개발 도구
MQTT 연결과 명령 템플릿을 관리하는 웹 도구
MQTT 연결과 수신 데이터를 확인하고 자주 사용하는 명령을 템플릿으로 관리하는 웹 도구를 구현했습니다.
적용 기술
JavaReactTypeScriptMQTT
반복하는 메시지 작업을 템플릿으로
MQTT 연결 정보를 관리하고 수신 메시지를 웹에서 확인하는 도구입니다. 자주 보내는 명령을 템플릿으로 등록한 뒤 다시 전송하는 기능을 구성했습니다.
연결·연결 해제와 재연결, 메시지 도착 이벤트를 처리하고 수신 데이터를 화면으로 전달합니다. 사용자별 연결 대상과 템플릿을 관리하도록 서버와 웹 화면을 나눴습니다.
구현 범위
- MQTT 연결 대상과 연결 상태 관리
- 수신 메시지의 실시간 전달
- 명령 템플릿 생성·수정·삭제
- 저장한 템플릿의 메시지 전송
- 사용자별 웹 화면과 API
장치 연동 개발이나 운영 중 반복해서 확인해야 하는 메시지를 웹 도구로 다루는 사례입니다.