1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)

一、实现功能

本方案的开发环境为Ardunio IDE,可实现本地温湿度信息和网络温度、时间及未来三天天气信息的显示。不联网的状态下只显示本地温湿度信息,只有一个界面。联网状态下,一共四个界面。第一个界面是显示星期,日期,时间等信息,第二界面显示当前温度信息,第三个界面显示天气预报信息,第四个界面显示本地温湿度信息。每个界面是显示6秒,自动切换。
具体的显示细节可见下文的图面。联网功能使用的是安信可科技提供的微信配网接口。

二、电路图

(一)电路原理图

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第1张图片

(二)实物连接图

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第2张图片

三、 开发环境

(一)Arduino IDE 1.8.7下载

1.windows版下载

https://coding.net/u/coloz/p/arduino-installer/git/raw/master/1.8.7/arduino-1.8.7-windows.exe

2.mac os版下载

https://coding.net/u/coloz/p/arduino-installer/git/raw/master/1.8.7/arduino-1.8.7-macosx.zip

(二)添加esp8266开发板

1.加入下载连链接

http://arduino.esp8266.com/stable/package_esp8266com_index.json
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第3张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第4张图片

(三)下载esp8266开发板

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第5张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第6张图片
在对话框搜索esp8266,再点击下载。
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第7张图片
下载完后,设置下载板,如果没有出现下图所示的列表,说明下载失败,重新下载。这个比较烦,多试几次,我尝试了N遍,总算是搞定了。对了,开发环境最好设置成英文的,中文的貌似有冲突。总之,英文版的成功率高。
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第8张图片

(四)、下载库文件

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第9张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第10张图片
在对话框搜索esp8266 weather,再点击下载。
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第11张图片
3.添加JSON Streaming库文件,搜索JSON Streaming
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第12张图片

如果上述过程进展顺利的话,开发环境到此就搭建完了。一般而言,可能碰到各种出乎意料的问题,在底部监视窗口查看出现问题的原因,解决不了问百度,如果有条件的话,问Google,哈哈。

然后在examples里面就可以找到WeatherStationDemo,可以先尝试编译一下。这里应该会提示一个错误,因为OLED 屏幕的驱动文件还没有添加。下节会一起介绍DHT11和OLED添加驱动的方法。

效果展示

(一)微信配网

关注微信公众号:安信可科技 //不是广告,不是广告,不是广告,重要的事情说三遍,如果是的话,广告费结一下,哈哈。
点击WiFi配置
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第13张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第14张图片
输入你的WiFi密码
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第15张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第16张图片
1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第17张图片

(二)、OLED显示效果

1.未连接网络

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第18张图片

2.微信配网中

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第19张图片

3.配网完成

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第20张图片

4.界面1

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第21张图片

4.界面2

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第22张图片

4.界面3

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第23张图片

4.界面4

1.3寸 SH1106 OLED+ESP8266 NodeMCU+DHT11气象站制作过程(一)_第24张图片

下期预告:代码修改讲解

申明 :

本方案是在 ardunio库文件WeatherStationDemo的基础上修改的,感谢该库文件的开发者!
祝君成功!

你可能感兴趣的:(物联网制作)