在本教程中，我將向您展示如何使用 ESP8266 和 2.8" 觸摸屏顯示器制作天氣小部件。該設(shè)備?通過(guò) WLAN從https://openweathermap.org/檢索本地化的天氣信息，并將其顯示在顯示模塊上。

小部件顯示以下內(nèi)容：

1. 帶日期的當(dāng)前時(shí)間

2. 當(dāng)日天氣信息，如溫度、壓力、濕度和降雨量。

3.未來(lái)7天預(yù)測(cè)

第 1 步：所需零件和工具

使用的零件：

1. Wemos D1 Mini Pro

2. 2.8" TFT 顯示屏

3. 電線

4. USB 數(shù)據(jù)線（

5. PLA 長(zhǎng)絲

使用的工具 ：

1. 3D 打印機(jī)

2. 烙鐵

3.線切割機(jī)

4. 剝線鉗

第 2 步：準(zhǔn)備電線

計(jì)劃將天氣顯示電路放置在 3D 打印外殼內(nèi)。但是要使用的外殼非常緊湊，幾乎沒(méi)有空間將 Wemos 板和連接線放在外殼內(nèi)。

因此，我們必須選擇細(xì)線來(lái)連接顯示單元和 Wemos Board。在這里，選擇了30 AWG單股線。

使用鉗子切割 14 根等長(zhǎng)的電線。

然后使用剝線鉗剝?nèi)ル娋€的絕緣層。

第 3 步：將電線焊接到顯示單元

TFT 顯示器具有預(yù)焊接的直頭針，可將其安裝到面包板或任何其他屏蔽上。你有兩個(gè)選擇

1. 將排針從 PCB 上拆下，然后將電線焊接到焊盤(pán)上

2.直接焊接到排針

我更喜歡第二個(gè)選擇，它更容易，不需要什么技巧。

在焊接之前，在所有插頭引腳上涂抹少量助焊劑。然后在烙鐵頭上使用少量焊料對(duì)頭針進(jìn)行鍍錫。鍍錫是必需的，因?yàn)樗购附舆^(guò)程更容易，并且導(dǎo)線和插頭引腳之間的結(jié)合更牢固。

最后，將電線焊接到所有插頭引腳，如上圖所示。

第 4 步：3D 打印

參考了 Thingiverse 中一個(gè)由smily77設(shè)計(jì)的漂亮模型，修改了 Autodesk Fusion 360 中的外殼。所有部件的尺寸均由游標(biāo)卡尺測(cè)量，然后在設(shè)計(jì)過(guò)程中考慮到相同的尺寸。

外殼有3個(gè)部分：

1. 房屋本體

2. 封底

3. 底蓋

從Thingiverse下載 STL 文件

使用 Creality?CR-10 Mini?3D 打印機(jī)和 1.75 毫米白色 PLA 燈絲打印零件。

設(shè)置是：

打印速度：60 毫米/秒

層高：0.2mm

填充密度：20%

擠出機(jī)溫度：210 攝氏度

床溫：60 攝氏度

步驟 5：安裝顯示器

2. 先將顯示器和Wemos板接線，然后再安裝到殼中。

上面的圖片中展示了兩種方式。

第 6 步：接線圖

必須按照原理圖將 TFT 顯示模塊 (ILI9341) 引腳與 Wemos 引腳連接起來(lái)。示意圖如上所示。也可以按照以下引腳映射

TFT 顯示->?Wemos ( ESP8266 )

VIN -> 3.3V

地 -> 地

CS -> D1

重置 -> RST

直流 -> D2

SDI -> D7

SCK - D5

LED -> D8

SDO -> D6

T_CLK -> D5

T_CS -> D3

T_DIN -> D7

T_DO -> D6

T_IRQ -> D4

第 7 步：制作電路

首先，下載原理圖，然后打印輸出。焊接過(guò)程還是比較簡(jiǎn)單的。重要的是連接中的任何錯(cuò)誤都可能損壞顯示模塊或 Wemos 板。絕對(duì)不要焊錯(cuò)了。

步驟 8：準(zhǔn)備 Arduino IDE

ESP8266 模塊不是 Arduino-IDE 的一部分，所以我們必須先安裝它。您可以通過(guò)以下步驟操作：

1. 啟動(dòng) Arduino IDE 并打開(kāi) Preferences 窗口。

2.在 Arduino IDE 的 File>Preferences>Additional Boards Manager URLs 字段中輸入https://arduino.esp8266.com/stable/package_esp826...?？梢蕴砑佣鄠€(gè) URL，用逗號(hào)分隔。

3. 使用 OK 按鈕關(guān)閉此窗口。從工具 > 開(kāi)發(fā)板菜單打開(kāi)開(kāi)發(fā)板管理器，然后選擇正確的 ESP8266 開(kāi)發(fā)板。

4. 現(xiàn)在選擇 LOLIN(WEMOS) D1 R2 & mini。將 CPU 頻率設(shè)置為 80MHz，F(xiàn)lash Size 設(shè)置為“4MB (FS:3MB OTA:~512KB)”，以及 COM 端口。

步驟 9：下載代碼和庫(kù)

可以從以下鏈接下載 Arduino 代碼和支持庫(kù)。

Arduino代碼：

https://github.com/ThingPulse/esp8266-weather-stat...

圖書(shū)館：

1.?Daniel Eichhorn 的Mini Grafx

2.?ESP8266 WeatherStation?by Daniel Eichhorn

3.?Daniel Eichhorn 的Json Streaming Parser

4.?ThingPulse XPT2046?Touch 由 ThingPulse（從 Paul Stoffregen 分叉），如果您之前安裝了原始的 XPT2046_Touchscreen，那么您需要卸載那個(gè)！

下載庫(kù)后解壓縮它并在
Sketch > Include Library > Manage Libraries 中使用您的 Arduino Library Manager 安裝它

步驟 10：獲取 OpenWeatherMap API 密鑰

氣象站實(shí)時(shí)數(shù)據(jù)來(lái)自O(shè)penWeatherMap網(wǎng)站。所以必須獲得 OpenWeatherMap API Key。

可以在第一列中選擇免費(fèi)計(jì)劃。申請(qǐng)免費(fèi)計(jì)劃無(wú)需任何費(fèi)用，足以滿足我們的要求。使用免費(fèi)計(jì)劃的唯一限制是每分鐘只能撥打 60 次電話。

現(xiàn)在點(diǎn)擊獲取“API 密鑰”，然后通過(guò)填寫(xiě)您的憑據(jù)創(chuàng)建一個(gè)新帳戶。

記下下一步代碼中所需的 API 密鑰。

第 11 步：上傳軟件

設(shè)置 Arduino IDE 并安裝所有庫(kù)后，將代碼上傳到 ESP8266 板（Wemos D1 Mini Pro 或任何其他板）

首先，必須解壓縮在前面步驟中下載的代碼，然后將其保存在 PC 或筆記本電腦上的某個(gè)位置。去掉文件夾名稱中的master，命名為“esp8266-weather-station-color”

現(xiàn)在打開(kāi)文件夾并點(diǎn)擊“?esp8266-weather-station-color.ino?”

在其中一個(gè)選項(xiàng)卡中，IDE 打開(kāi)settings.h。瀏覽文件并調(diào)整兩個(gè)配置參數(shù)。它們都直接記錄在文件中。最重要的是，需要設(shè)置在上一步中獲得的 OpenWeatherMap API 密鑰。

現(xiàn)在已準(zhǔn)備好上傳代碼，只需點(diǎn)擊上傳箭頭按鈕即可。

第 12 步：安裝蓋子

安裝好顯示單元和電路板后，我們可以使用兩個(gè)蓋板來(lái)裝箱。外殼設(shè)計(jì)有非常緊密的間隙，因此不需要任何膠水或螺絲來(lái)固定蓋子。

將蓋子與外殼中的插槽對(duì)齊，然后將其壓在四周就完成了。較小的蓋子用于底座部分，較大的蓋子用于顯示部分的背面。

第 13 步：測(cè)試

如果成功將代碼上傳到 ESP8266，會(huì)立即通過(guò)搜索 WiFi 網(wǎng)絡(luò)連接在首頁(yè)上看到顯示。將設(shè)備連接到?WiFi 路由器后，它將從網(wǎng)絡(luò)更新時(shí)間和天氣數(shù)據(jù)。

現(xiàn)在可以在 TFT 顯示屏上看到所有天氣信息以及所有其他參數(shù)。使用觸控筆或用手指觸摸在不同頁(yè)面之間切換。

注意：在開(kāi)始時(shí)，需要觸摸屏幕以校準(zhǔn)觸摸屏顯示。