Published April 3, 2017 © GPL3+

Multi-Location Weather Station

Build your own multi-location weather station and display the data wirelessly on one screen.

IntermediateShowcase (no instructions)5,464

Things used in this project

Hardware components

Espressif Wemos D1 Mini

Nanomesher Human Machine Interface

Sensirion SHT31

Resistor 4.7k Ohm

Jumper wires (generic)

Software apps and online services

Arduino IDE

Story

Build your own multi-room temperature monitoring station with ESP8266 based Arduino board.

Introduction

In this project, imagine a scenerio where you have a few rooms/areas which you would like to monitor the temperature and humidity. Data from all rooms would be sent to a centralised display.

Temperature and Humidity

For maximum accuracy the SHT31 sensor has been chosen, the SHT31 is more stable in terms of calibration compared to DHT22, which is a cheaper and more common sensor on the market. Fortunately Adafruit has offered a nice and very easy to use api for SHT31. The library is available for download here

Displaying the data - Wireless HMI

It would be more cost effective if we can view the data all in one screen. We need a simple display which accept requests wirelessly and display it on a screen. We can't find anything fully suited to this purpose and hence we have built our own by combining a Nextion Display with touch screen and Wemos D1 mini - The Nanomesher Human Machine Interface (Nanomesher HMI). There is also an onboard LED + Speaker on the Nanomesher HMI.

We have offered the Nanomesher HMI on kickstarter.

Building user interface on the Nextion Display does not require any coding, there is a WYSIWYG editor available which allow us to drag and drop control , compile and test the result on a PC. Afterwards, copy the compiled result (.tft) file onto the Nextion display (NOT the Wemos).

We have written both HTTP and MQTT based api to set values on the display.

For example, if there is a Text component called "line1", to set the text control. Just make the following http request to set it to "Hello", where p is the pageid and n is the component name and 192.168.1.12 is the IP address of the wireless HMI. Having this API out of the box allow application developers to focus on building the application rather than playing low level Arduino display code.

http://192.168.1.12/TextSetText?p=0&n=line1&v=Hello

Designing the User Interface

Using the free Nextion editor, we built a simple user interface with 8 Text Controls by dragging and dropping and naming the component. Make a note of the component name "line1","line2","line3","line4"

Nextion Editor

Next you can use the debug tool to test the user interface on a PC.

After testing, open the build folder and copy the tft file to a sd card.

Plug the sd card into the Nextion display's sdcard slot and power on. The new tft will be automatically deployed into the Nextion display.

Deploying tft from SD card to Nextion display

WeatherSender - WeatherHttpSender Arduino Code

The purpose of WeatherHttpSender is to continously read temperature and humidity and update the Wireless HMI.

Here's the code to read the humidity and termperature. It's very simple thanks to Adafruit library

       t = sht31.readTemperature(); 
       h = sht31.readHumidity();

To update Wireless HMI, below http call will send the data to the HMI display. Where 192.168.1.12 is the IP address of the WIreless HMI display.

       String url = "http://192.168.1.12/TextSetText?p=0&n=line1&v="; 
       HTTPClient http; 
       USE_SERIAL.print("[HTTP] begin...\n"); 
       http.begin(url + temp + "c " + humid + "%"); //HTTP

Some changes are needed before deploying. In below code, set your wifi's SSID and password here:

WiFiMulti.addAP("SSID", "PASSWORD");

and set the update interval here:

delay(10000);

Code

WeatherSender

#include <Arduino.h>

#include <ESP8266WiFi.h>
#include <ESP8266WiFiMulti.h>
#include <Wire.h>
#include "Adafruit_SHT31.h"
#include <ESP8266HTTPClient.h>

#define USE_SERIAL Serial

ESP8266WiFiMulti WiFiMulti;

float t = 0;
float h = 0;


Adafruit_SHT31 sht31 = Adafruit_SHT31();

void setup() {

    USE_SERIAL.begin(115200);
   // USE_SERIAL.setDebugOutput(true);

    USE_SERIAL.println();
    USE_SERIAL.println();
    USE_SERIAL.println();

    for(uint8_t t = 4; t > 0; t--) {
        USE_SERIAL.printf("[SETUP] WAIT %d...\n", t);
        USE_SERIAL.flush();
        delay(1000);
    }

    WiFiMulti.addAP("SSID", "PASSWORD");

}

void loop() {
    // wait for WiFi connection
    if((WiFiMulti.run() == WL_CONNECTED)) {

        t = sht31.readTemperature();
        h = sht31.readHumidity();

        
        char temp[10];
        dtostrf(t,1,1,temp);

        char humid[10];
        dtostrf(h,1,1,humid);
        
        String url = "http://192.168.1.12/TextSetText?p=0&n=line1&v=";
        
        HTTPClient http;

        USE_SERIAL.print("[HTTP] begin...\n");
        http.begin(url + temp + "c " + humid + "%"); //HTTP

        USE_SERIAL.print("[HTTP] GET...\n");
        // start connection and send HTTP header
        int httpCode = http.GET();

        // httpCode will be negative on error
        if(httpCode > 0) {
            // HTTP header has been send and Server response header has been handled
            USE_SERIAL.printf("[HTTP] GET... code: %d\n", httpCode);

            // file found at server
            if(httpCode == HTTP_CODE_OK) {
                String payload = http.getString();
                USE_SERIAL.println(payload);
            }
        } else {
            USE_SERIAL.printf("[HTTP] GET... failed, error: %s\n", http.errorToString(httpCode).c_str());
        }

        http.end();
    }

    delay(10000);
}

Credits

Nanomesher

1 project • 5 followers

We are a new startup developing IOT products.

Multi-Location Weather Station

Things used in this project

Hardware components

Software apps and online services

Story

Schematics

WeatherSender Schematic

Code

WeatherSender

Credits

Nanomesher

Comments

Embed the widget on your own site

Multi-Location Weather Station

Multi-Location Weather Station

Things used in this project

Hardware components

Software apps and online services

Story

Schematics

WeatherSender Schematic

Code

WeatherSender

Credits

Nanomesher

Comments

Related channels and tags