物聯網GitHub框架開源

描述

描述

IoT GitHub Frame是一款基于ESP32模塊的內置設備的相框。該項目將幫助您跟蹤所選 GitHub 存儲庫的受歡迎程度。您將能夠實時跟蹤觀星者、觀察者和叉子的數量。鏡框還可以顯示每天的觀星人數。配置簡單，通過HTTPS OTA自動更新，運行穩定。這些只是該項目的一些優勢。該相框掛在家里或辦公室的墻上會很好看。

細節

查看?GitHub?頁面了解更多詳情。

?

?

?

構建說明

?

步驟1

你需要什么

?

?

?

?

• ESP-32 WROOM 開發套件 1.0 – 1 個。
• 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 個。
• 通用 PCB 條板 50x70mm PI-01 – 1 件。
• 碳膜電阻器 – 220 歐姆 – 5 個。
• 碳膜電阻器 – 2、2k 歐姆 – 3 個。
• 面包板跳線 - 1 套
• 排針直角公 – 1 件。
• 帶共陽極的 LED 二極管 5mm RGB – 1 個。
• LED 二極管 3mm 白色 – 3 件。
• 圓形按鈕 - 瞬時 - 10mm - 2 件。
• ON-OFF 開關 – 1 個
• 電纜 USB A – USB 微型 – 1 件。
• 帶 USB 輸出 5V 的手機充電器 – 1 個。
• 熱縮管 - 1 件。
• IKEA RIBBA 相框 – 21x30cm（一定要厚） – 1個。
• 打印機用不干膠紙 – 1 張。

工具

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

第2步

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

?

?

?

?

完成焊接后，您的電路板應該與此類似

?

?

?

?

步驟 3

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

• 背模板
• 側面模板

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

?

?

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

?

?

從正面看應該是這樣的

?

?

第4步

在此步驟中，您需要使圖形適應您的存儲庫。為此，編輯?主 PSD 文件?，然后將其打印在普通 A4 紙上。您可以使用免費的在線編輯器?Photopea 。如果需要，您還可以打印??帶有側面按鈕說明的標簽。自粘紙最適合這個。

步驟 5

現在您必須對 ESP32 模塊進行編程。下載最新的?Arduino IDE?和必要的庫。克隆存儲庫。通過 USB 數據線將 ESP32 連接到電腦并上傳代碼。

步驟 6

上傳固件后，將 USB 數據線拔出并重新插入您的設備。狀態指示燈應呈紅色亮起。幾秒鐘后顏色應變為藍色。這意味著設備處于 AP 模式。使用電腦或手機掃描附近的網絡并找到 GITHUB-FRAME ssid。連接到選定的接入點后，您將自動重定向到配置頁面。在此輸入您的相框將連接的網絡的名稱和密碼。保存憑據并重置 ESP。

如果一切都已正確完成，狀態 LED 應為綠色并且顯示屏應顯示

SEt rEPO IP 192.168.xxx.xxx

這意味著我們現在必須選擇存儲庫。轉到計算機或手機并連接到與 ESP 相同的 WiFi 網絡。然后在瀏覽器 url 占位符中鍵入 ESP 的 ip 地址。您將被重定向到包含存儲庫配置的頁面。例如：對于存儲庫 url：?

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

?

?

填寫表單字段并單擊保存配置。

就這樣 ：）

現在您可以關注所選存儲庫的受歡迎程度。

有一個漂亮的建筑！