¿Cómo mostrar datos de DHT11 en el Panel de control de QIoT?

Última fecha de modificación: 2018-09-27

El DHT11 es un sensor de temperatura y humedad básico y de bajo coste. Este tutorial le mostrará cómo visualizar los datos de DHT11 en el Panel de control de QIoT (utilizando un Seeeduino con W5500 Ethernet Shield).

Ir a "Aplicaciones de IoT" > "Añadir aplicaciones de IoT"
En "Crear una nueva aplicación IoT":
- Introduzca un nombre para la aplicación de IoT.
- El nombre de la regla y el nombre del panel de control se generarán automáticamente a partir del nombre de la aplicación de loT.
- Haga clic en "Crear".
En "Añadir cosa":
- Introduzca un nombre para la Cosa (en este ejemplo: "Thingname").
- Seleccione "Personalizar" en "Categoría de cosa".
- Haga clic en "Añadir".
Haga clic en el botón "Recursos de cosa" e introduzca el "Recurso de cosa".
En "Añadir recurso de cosa":
- Introduzca un nombre para el recurso (en este ejemplo: ""Temperature").
- Introduzca un ID para el recurso.
  (El ID de recurso se usa para crear un tema en el intermediario de QIoT. Este ID debería ser único para el dispositivo y no se usará su duplicado en el mismo dispositivo).
- Haga clic en "Añadir".
- Añada "Recursos de cosa" (de temperatura y humedad).
Haga clic en "Conectar a dispositivo", y en "Información de cosa", elija "MQTT", haga clic en "Siguiente", y haga clic en "descargar archivo JSON".
Puede obtener el código de ejemplo en:
https://github.com/qnap-dev/qnap-qiot-sdks/blob/master/projects/seeeduino-dht11-example/mqtt-seeeduino-dht11-example/mqtt-seeeduino-dht11-example.ino
Abra el archivo JSON descargado en el paso 6 y copie el código (ip, puerto, ID de cliente, nombre de usuario, contraseña, tema de temperatura y tema de humedad) para anular el código de muestra en el paso 7. Una vez copiado, cargue el archivo.
Vuelva a la página del panel de control y siga estos pasos:
- Haga clic en "Editar".
- Añada un Panel al hacer clic en "+".
- Añada un widget al hacer clic en "+".
- Seleccione "Gauge".
- Haga clic en "+ FUENTES DE DATOS".
- Elija el nombre del recurso del tema asignado y elija "Valor".
- Haga clic en "Guardar" y se creará el widget.
Añada el panel de control de la temperatura y humedad, y puede ver el resultado como se muestra a continuación: