12. Send Data of MQTT Broker at Node Red - EnglishNo/ESP32 GitHub Wiki

-참고-

https://github.com/EnglishNo/ESP32/wiki/11.-Send-the-Data-using-MQTT (MQTT Broker로 데이터 전송)

https://github.com/EnglishNo/ESP32/wiki/6.-Used-ESP32-Bluetooth-(DHT11) (DHT11 사용법)

1. 플로우 판에 "mqtt in" 두기.

   

2. "mqtt in"를 더블 클릭하고 MQTT 브로커에서 데이터를 보냈던(publish) 토픽(topic)을 똑같은 이름으로 토픽 창에 입력.
   (그리고 만약 서버가 지정되지 않았다면, 연필 모양 버튼을 누르고, 서버 창에서 MQTT Broker 사이트에 들어갈 있던 Host 창의 주소를 투입 및 포트 "1883" 입력.)

   

3. dashboard 기능을 가진 "text"하고 "gauge"도 플로우 창에 두기.

   

4. "text", "gauge" 보드를 더블 클릭해 "Group" 지정하기.

   

5. 저번 11번째 보고서()에 있는 코드가 업로드 되어 있는 DHT11이 연결된 ESP32하고 컴퓨터를 연결하고, ESP32를 실행해 UI창의 "text"하고 "gauge"의 값이 변한다면 성공.

   

6. 습도의 값을 대시보드에서 출력하고 싶을 때도 위와 같은 과정을 반복한다면 똑같이 출력됨.

1. dashboard 창에 들어가 해당 버튼 클릭.

   

2. 해당 창이 뜨는 것을 확인.

   

3. "width" 값을 바꾸면서 원하는 대로 dashboard 위치 바꾸기. (자물쇠 버튼을 눌려야 width 값을 바꿔도 dashboard 보드의 크기가 유지되고, 크기를 원하는 대로 바꿀 수 있음.)

   

4. UI 창에 변화가 있는 것을 확인되면 성공적으로 UI 설정 (상단의 사진이 UI 위치 설정하기 전, 하단의 사진이 설정 후의 모습)

• "mqtt in"보드를 플로우 창에 두고 MQTT Broker 사이트의 Host 창에 있는 주소를 서버로 정해야 Node-Red로 데이터를 보낼 준비가 끝났다는 것을 알게 됨.
• dashboard UI창을 바꾸는 법을 알게 됨.

• mqtt in 보드가 성공적으로 사용되고, dashboard 종류의 보드를 연결했는 데도 UI창의 값이 변하지 않아 뭘 빠뜨렸나 생각이 들었으나, 시간이 지나니 값이 변화한 것이 확인됨.