Instrukcja obsługi Jak wyświetlić dane z DHT11 na pulpicie nawigacyjnym QIoT?

DHT11 to podstawowy, niedrogi cyfrowy czujnik temperatury i wilgotności. Ten samouczek pokaże, jak wyświetlić dane z DHT11 na pulpicie nawigacyjnym QIoT (przy użyciu Seeeduino z nakładką Ethernet W5500).

dht11-qiot_v2_01.png


  1. Przejdź do „IoT Applications" > „Add IoT applications"

    dht11-qiot_v2_02.png
  2. W sekcji „Create a New IoT application":
    • Wprowadź nazwę aplikacji IoT.
    • Nazwa reguły i nazwa pulpitu nawigacyjnego zostaną automatycznie wygenerowane na podstawie nazwy aplikacji IoT.
    • Kliknij „Create".

      dht11-qiot_v2_03.png
  3. W sekcji „Add Thing":
    • Wprowadź nazwę urządzenia Thing (w tym przykładzie: „Thingname").
    • Wybierz „Custom" w polu „Thing Category".
    • Kliknij „Add".

      dht11-qiot_v2_04.png
  4. Kliknij przycisk „Thing Resources" i wprowadź „Thing Resource".

    dht11-qiot_v2_05.png
  5. W sekcji „Add Thing Resource":
    • Wprowadź nazwę zasobu (w tym przykładzie: „Temperature").
    • Wprowadź identyfikator zasobu.
      (Identyfikator zasobu służy do tworzenia tematu w brokerze QIoT. Ten identyfikator powinien być unikalny dla danego urządzenia i nie należy używać duplikatów dla tego samego urządzenia).
    • Kliknij „Add".

      dht11-qiot_v2_06.png
    • Dodaj „Thing Resources" (zarówno Temperature, jak i Humidity).

      dht11-qiot_v2_07.png
  6. Kliknij „Connect to device", a następnie w sekcji „Thing Information" wybierz „MQTT", kliknij „Next" i kliknij „download JSON file".

    dht11-qiot_v2_08.png


    dht11-qiot_v2_09.png
  7. Przykładowy kod można pobrać z:
    qnap-qiot-sdks/projects/seeeduino-dht11-example/mqtt-seeeduino-dht11-example/mqtt-seeeduino-dht11-example.ino at master · qnap-dev/qnap-qiot-sdks
  8. Otwórz plik JSON pobrany w kroku 6 i skopiuj dane (ip, port, client id, username, password, temperature topic oraz humidity topic), aby zastąpić nimi odpowiednie fragmenty przykładowego kodu z kroku 7. Po skopiowaniu wgraj plik.

    dht11-qiot_v2_10.png
  9. Wróć do strony pulpitu nawigacyjnego i wykonaj następujące kroki:
    • Kliknij „Edit".

      dht11-qiot_v2_11.png
    • Dodaj panel (Pane), klikając „+".

      dht11-qiot_v2_12.png
    • Dodaj widżet, klikając „+".

      dht11-qiot_v2_13.png
    • Wybierz „Gauge".

      dht11-qiot_v2_14.png
    • Kliknij „+ DATASOURCE".

      dht11-qiot_v2_15.png
    • Wybierz nazwę zasobu przypisanego tematu i wybierz „Value".

      dht11-qiot_v2_16.png
    • Kliknij „Save", a widżet zostanie utworzony.

      dht11-qiot_v2_17.png
  10. Dodaj pulpit nawigacyjny zarówno dla temperatury, jak i wilgotności, a wynik będzie wyglądał następująco:

    dht11-qiot_v2_18.png