前几天看了一个用esp8266实现天气预报时钟的教程:
酷安@发烧的klaus—-基于esp8266的天气预报时钟-零基础教程

自己动手实操时,发现许多问题。所以写了这个重置版的教程,顺便当做是记录。
前排提醒:我也是小白,所以文章有很多漏洞欢迎大神们指出。

那么,game start!

一、硬件部分

  1. esp8266ch340模块×1;
  2. 杜邦线(母对母)×4;
  3. I2C IIC通信 OLED液晶屏×1;
  4. 电源,我自己选择充电宝[流汗滑稽];
  5. 必须要有电脑啊!

esp8266天气预报时钟⛅ - 图1
esp8266天气预报时钟⛅ - 图2
esp8266天气预报时钟⛅ - 图3
然后就是硬件连接了:(这个其实最后再连接也行)
esp8266的引脚和屏幕连一起:

  1. gnd - gnd
  2. 3.3v - vcc
  3. d1 - scl
  4. d2 - sda

如图:
esp8266天气预报时钟⛅ - 图4

二、软件安装及准备工作

1、安装Arduino ide

浏览器访问Arduino官网:
arduino 官方网站- Home
点击软件,在跳转后的页面找到适合自己的电脑系统版本下载。我自己是下载了最新的绿色版,就那个Windows zip file,这个最好是解压后吧主程序搞个桌面快捷方式,方便一点。

2、下载esp8266驱动并安装

下面有打包好的文件

安装方法:管理员运行,点击安装。

3、安装必要的库文件

  1. 在arduino的菜单栏中依次点击:项目加载库管理库,弹出界面搜索“u8g2”,安装最新版。(我的是2.31.2)
    esp8266天气预报时钟⛅ - 图5
  2. 安装剩余的zip库文件

下面有打包好的文件

解压出来的“需要的zip库”,里面的三个都要安装。在arduino的菜单栏中依次点击:项目加载库添加.zip库,选择安装。
3. 安装esp8266开发版包

下面有打包好的文件

  1. 在实操过程中发现缺失一个ArduionJson库文件,建议大家到管理库里面搜索并安装。
    双击安装。
  2. 为了方便大家下载,我把需要的驱动,开发板包,.zip库文件,ino项目文件都放到一个压缩包里:
    需要的文件都在这
    密码:cbk7
    多说一句,最好把所有文件都放到一个文件夹里。

4、获取心知天气服务接口

百度搜索心知天气并注册,接着按照图片步骤来。
心知天气主页
esp8266天气预报时钟⛅ - 图6
!!!最后那一步把你的私钥记下来。

三、刷入固件+调试

刷入固件

将你的esp8266连接到电脑上(数据线),然后打开设备管理器(快捷键win+x+g),记住开发板端口号:
esp8266天气预报时钟⛅ - 图7
接着打开选择屏幕中所示的:工具开发板,选择图片中的:
esp8266天气预报时钟⛅ - 图8
!!!端口号选择刚才的端口号。

Arduino ide里面:文件打开,选择我的压缩包解压后的“project.ino”文件打开。提示新建文件夹,点“是”。
里面的内容修改一下:

  1. 你的心知天气私钥;
  2. 你的城市(拼音);
  3. 第54行的u8g2.print里面有我的昵称,可以改一下;
  4. 第19行开始的内容就是开机的晓米logo图案可以用取模软件自定义;
  5. 其他你想要修改的内容。
    然后就可以点击菜单栏下面第二个:“上传”按钮,等待上传完成,固件就烧录好了。

调试

接好线后,用充电宝插数据线给esp8266供电。这时会显示开机画面。

打开手机WIFI,你会发现有个叫autoconnectap的WIFI。连接它,然后再它跳转的页面配置WIFI,一会你的esp8266就要连你配置好的WiFi。不认识英文可以翻译一下。

配置好WiFi,等它自动连接,就会显示天气信息和时钟了。

之后就OK啦!

这是我做的:
esp8266天气预报时钟⛅ - 图9
esp8266天气预报时钟⛅ - 图10

详细教程做的好累啊(T_T)

四、参考资料

酷安@发烧的klaus—-基于esp8266的天气预报时钟-零基础教程