描述

描述

IoT GitHub Frame是一款基于ESP32模塊的內(nèi)置設(shè)備的相框。該項(xiàng)目將幫助您跟蹤所選 GitHub 存儲(chǔ)庫(kù)的受歡迎程度。您將能夠?qū)崟r(shí)跟蹤觀星者、觀察者和叉子的數(shù)量。鏡框還可以顯示每天的觀星人數(shù)。配置簡(jiǎn)單，通過(guò)HTTPS OTA自動(dòng)更新，運(yùn)行穩(wěn)定。這些只是該項(xiàng)目的一些優(yōu)勢(shì)。該相框掛在家里或辦公室的墻上會(huì)很好看。

細(xì)節(jié)

查看?GitHub?頁(yè)面了解更多詳情。

?

?

?

構(gòu)建說(shuō)明

?

步驟1

你需要什么

?

?

?

?

• ESP-32 WROOM 開(kāi)發(fā)套件 1.0 – 1 個(gè)。
• 4 位顯示器 TM1637 0.56" - 白色 – 1 件。
• 4 位顯示器 TM1637 0.36" – 1 件
• 4 針 F/F 200 毫米電纜 – 4 根。
• JST 1.25 2 針公 - 母連接器 - 2 件。
• Micro JST 1.25 2 針公-母連接器 – 2 個(gè)。
• 通用 PCB 條板 50x70mm PI-01 – 1 件。
• 碳膜電阻器 – 220 歐姆 – 5 個(gè)。
• 碳膜電阻器 – 2、2k 歐姆 – 3 個(gè)。
• 面包板跳線(xiàn) - 1 套
• 排針直角公 – 1 件。
• 帶共陽(yáng)極的 LED 二極管 5mm RGB – 1 個(gè)。
• LED 二極管 3mm 白色 – 3 件。
• 圓形按鈕 - 瞬時(shí) - 10mm - 2 件。
• ON-OFF 開(kāi)關(guān) – 1 個(gè)
• 電纜 USB A – USB 微型 – 1 件。
• 帶 USB 輸出 5V 的手機(jī)充電器 – 1 個(gè)。
• 熱縮管 - 1 件。
• IKEA RIBBA 相框 – 21x30cm（一定要厚） – 1個(gè)。
• 打印機(jī)用不干膠紙 – 1 張。

工具

• 烙鐵
• 焊接
• 鉆頭或螺絲刀
• 演習(xí)：7、10、13
• 熱膠槍
• 刀
• 打印機(jī)

第2步

如下圖所示，將電子元件焊接到 PCB 上。焊接從最低的元件開(kāi)始。要連接顯示器和 LED，請(qǐng)使用帶角度的連接器。

?

?

?

?

完成焊接后，您的電路板應(yīng)該與此類(lèi)似

?

?

?

?

步驟 3

在?打印輸出文件夾?中，您會(huì)找到可幫助您鉆孔的打印模板：

• 背模板
• 側(cè)面模板

打印它們，然后將背面模板粘在框架的背面，側(cè)面模板粘在框架的右邊緣。使用合適的鉆頭鉆孔。用小刀切割顯示器和按鈕的孔。

?

?

使用熱膠將顯示器和二極管插入孔中。

?

?

從正面看應(yīng)該是這樣的

?

?

第4步

在此步驟中，您需要使圖形適應(yīng)您的存儲(chǔ)庫(kù)。為此，編輯?主 PSD 文件?，然后將其打印在普通 A4 紙上。您可以使用免費(fèi)的在線(xiàn)編輯器?Photopea 。如果需要，您還可以打印??帶有側(cè)面按鈕說(shuō)明的標(biāo)簽。自粘紙最適合這個(gè)。

步驟 5

現(xiàn)在您必須對(duì) ESP32 模塊進(jìn)行編程。下載最新的?Arduino IDE?和必要的庫(kù)。克隆存儲(chǔ)庫(kù)。通過(guò) USB 數(shù)據(jù)線(xiàn)將 ESP32 連接到電腦并上傳代碼。

步驟 6

上傳固件后，將 USB 數(shù)據(jù)線(xiàn)拔出并重新插入您的設(shè)備。狀態(tài)指示燈應(yīng)呈紅色亮起。幾秒鐘后顏色應(yīng)變?yōu)樗{(lán)色。這意味著設(shè)備處于 AP 模式。使用電腦或手機(jī)掃描附近的網(wǎng)絡(luò)并找到 GITHUB-FRAME ssid。連接到選定的接入點(diǎn)后，您將自動(dòng)重定向到配置頁(yè)面。在此輸入您的相框?qū)⑦B接的網(wǎng)絡(luò)的名稱(chēng)和密碼。保存憑據(jù)并重置 ESP。

如果一切都已正確完成，狀態(tài) LED 應(yīng)為綠色并且顯示屏應(yīng)顯示

SEt rEPO IP 192.168.xxx.xxx

這意味著我們現(xiàn)在必須選擇存儲(chǔ)庫(kù)。轉(zhuǎn)到計(jì)算機(jī)或手機(jī)并連接到與 ESP 相同的 WiFi 網(wǎng)絡(luò)。然后在瀏覽器 url 占位符中鍵入 ESP 的 ip 地址。您將被重定向到包含存儲(chǔ)庫(kù)配置的頁(yè)面。例如：對(duì)于存儲(chǔ)庫(kù) url：?

 https://github.com/DivanteLtd/vue-storefront

?

?

填寫(xiě)表單字段并單擊保存配置。

就這樣 ：）

現(xiàn)在您可以關(guān)注所選存儲(chǔ)庫(kù)的受歡迎程度。

有一個(gè)漂亮的建筑！