QIoT 대시보드에 DHT11 데이터를 표시하는 방법은?

최신 업데이트일: 2018-09-27

DHT11은 저렴한 기본 디지털 온도 및 습도 센서입니다. 이 튜토리얼은 QIoT 대시보드에 DHT11 데이터를 표시하는 방법을 보여줍니다(Seeeduino, W5500 이더넷 쉴드 사용).

"IoT 애플리케이션" > "IoT 애플리케이션 추가"로 이동합니다.
"새 IoT 애플리케이션 생성"에서:
- IoT 애플리케이션 이름을 입력합니다.
- 규칙 이름 및 대시보드 이름이 IoT 애플리케이션 이름을 기반으로 자동으로 생성됩니다.
- "생성"을 클릭합니다.
"사물 추가"에서:
- 사물의 이름을 입력합니다(이 샘플에서: "Thingname").
- "사물 범주"에서 "사용자 지정"을 선택합니다.
- "추가"를 클릭합니다.
"사물 리소스" 버튼을 클릭하고 "사물 리소스"를 입력합니다.
"사물 리소스 추가"에서:
- 리소스의 이름을 입력합니다(이 샘플에서: "Temperature").
- 리소스 ID를 입력합니다.
  (리소스 ID는 QIoT 브로커에서 항목을 생성하는 데 사용됩니다. 이 ID는 장치에 대해 고유해야 하며 동일한 장치에 대해 중복해서 사용할 수 없습니다).
- "추가"를 클릭합니다.
- "사물 리소스"를 추가합니다(온도 및 습도).
"장치에 연결"을 클릭하고 "사물 정보"에서 "MQTT"를 선택하고 "다음"을 클릭한 후 "JSON 파일 다운로드"를 클릭합니다.
다음 위치에서 예제 코드를 얻을 수 있습니다:
https://github.com/qnap-dev/qnap-qiot-sdks/blob/master/projects/seeeduino-dht11-example/mqtt-seeeduino-dht11-example/mqtt-seeeduino-dht11-example.ino
6단계에서 다운로드한 JSON 파일을 열고, 코드(ip, 포트, 클라이언트 id, 사용자 이름, 암호, 온도 항목 및 습도 항목)를 복사하여 7단계에서 샘플 코드를 덮어씁니다. 복사한 후 파일을 업로드합니다.
대시보드 페이지로 돌아가서 다음 단계를 수행합니다:
- "편집"을 클릭합니다.
- "+"를 클릭하여 패널 추가.
- "+"를 클릭하여 위젯을 추가합니다.
- "Gauge"를 선택합니다.
- "+ 데이터소스"를 클릭합니다.
- 할당된 항목의 리소스 이름을 선택하고 "값"을 선택합니다.
- "저장"을 클릭하면 위젯이 생성됩니다.
온도 및 습도 둘다의 대시보드를 추가하면 결과가 다음과 같이 표시됩니다: