ESP8266 Color WiFi Kit Setup Guide

Do you like this post? Writing posts, developing libraries and programming online font creators is actually hard work. I order most of my electronics from a Chinese website called Banggood. It is save and the items usually arrive in good quality. With every order you do there by following this link you are supporting the blog. Thank you!

This guide is your starting point for the ESP8266 WiFi Color Display Kit. Read these instructions first before you start soldering. Before you start make sure that you have all the components ready. In addition to the components in the kit you’ll also need:

  • Soldering iron
  • Solder
  • Isolating tape
  • Cutting plier for removing the SD card holder or desoldering braid

The description here is not the only way to put together the kit. But it helps you to get a compact version of it.

Please note: The Kit has slightly changed. This video helps you soldering the latest version:

1. Make sure you have everything

Before we start make sure you have all the components ready: the display module (left), the PCB (bottom right), the ESP8266 module (top middle) and the two pin header rows

2. Do a dry run

Put together everything first without soldering and make sure it make sense. There are different ways you can place the pin headers. If you do like on the picture you’ll have to solder the pin headers First to the ESP8266 module and only then to the PCB

 

3. Prepare the display module

In order to have a display which uses the least space possible we’ll have to modify the display module a bit. We’ll have to remove the SD card holder. Depending on your skills you can either use desoldering braid or just cut the SD card holder off the module with a pointy cutting plier

4. Use the isolation tape

You don’t want the pins of the ESP8266 to accidentally have a short circuit with the display board. To be sure we tape off the part below the connector board:

 

5. Put PCB, the pin headers and the Wemos together

There are several options how you can do that. The one showed here has the advantage that you could later solder a battery extension on top of the Wemos board. Make sure that the PCB has the correct orientation!

6. Solder the PCB to the display module

As the last step in the hardware setup we have to solder the connector PCB to the display board.

 

7. Development Environment Setup

For the Software Setup please follow the instructions in the respective chapters of the WeatherStation Classic Guide, which you can download here: WeatherStation Getting Started Guide

 

8. The Weather Station Color Setup Instructions

Please download the zip file or clone the project from here:
https://github.com/squix78/esp8266-weather-station-color/

Please make sure, that your settings in the Arduino IDE look like this:

The readme also lists additional libraries you have to install.