當esp8266遇上http(持續更新)

效果演示

esp8266內置網頁效果展示

獲取途徑

聲明

  • 該固件由本人投入了不少時間和精力進行開發和調試,僅供esp8266愛好者一起學習和交流,嚴禁進行商業和非法使用,出現問題概不負責。

  • 該固件開發和測試平臺爲esp8266,Flash大小爲4M。esp8266的SDK固件版本爲2.0。在以下瀏覽器測試通過,Chrome 70.0.3538.102(正式版本)、Internet Explorer 11、Firefox 66.0.5 (32 位)。

硬件

  • 可使用ESP8266機智雲開發板。
  • 可使用ESP-12F模塊自行搭建。

固件功能

提供的固件有以下功能:

  • 可設置10個定時、延時任務。
  • 可進行系統設置。可設置設備名稱(默認爲SmartPlug)、esp8266的工作模式、支持OTA進行固件升級、控制設備重啓、控制設備恢復出廠設置。
  • 可通過web頁面控制esp8266設備。
  • 前後臺通過標準的json格式數據進行交互。
  • 支持自定義網頁燒錄,可自定義功能進行二次開發。
  • 前後臺數據隔離,網頁數據燒錄在Flash中(文件總的大小不能超過2M)。可單獨升級固件或者網頁。
  • 支持AP和station模式,station模式下支持smartconfig進行wifi連接。

包含的文件

文件

說明

./工具/FLASH_DOWNLOAD_TOOLS_V3.6.4

Esp8266固件燒錄工具

./工具/netassist

網絡調試助手

./工具/sscom

串口調試助手

./燒錄固件/固件

待燒錄的固件

./燒錄固件/html

待燒錄的html頁面

./文檔

常用的的文檔

在station模式下燒寫

和下邊的“在ap模式下燒寫”任選一種即可。

一、燒錄固件

1,打開燒錄工具(工具\FLASH_DOWNLOAD_TOOLS_V3.6.4\ESPFlashDownloadTool_v3.6.4.exe).

2,按上圖選擇好固件以及對應的燒錄地址點擊“START”完成固件燒錄。(首次燒錄時先點擊“ERASE”擦除全部FLASH再進行燒錄)

二,配置入網(station模式

1,打開串口助手(./工具/sscom)並連接好esp8266。然後給esp8266重新上電。按下按鍵6s以上等esp8266藍色指示燈常亮後鬆手。esp8266將重啓。

2,待esp8266藍色指示燈以1S的間隔閃爍時表示已進入進入smartconfig模式等待接入wifi入網。

 

3,讓手機連接wifi,並使用手機微信搜索“安信可科技”公衆號,進入公衆號後點擊“WIFI配置”->”開始配置”。輸入wifi的密碼點擊“連接”。等待藍色指示燈停止閃爍變爲常亮,esp8266配網成功。

4,串口打印出以下信息esp8266已接入wifi。IP爲192.168.0.107

 

三,燒錄html頁面數據

1,在同一wifi下打開瀏覽器輸入http://192.168.0.107/upload 其中192.168.0.107爲esp8266的ip地址可從上一步驟的串口打印信息中獲取。

2,按截圖選擇要燒錄的html頁面。然後點擊“上傳”按鈕等待燒寫完畢。

3,如下圖提示“上傳完成”網頁燒錄成功。

4,若一次燒錄不成功可以重新燒錄,注意燒寫時要全部一次性燒寫完成。

四,登錄esp8266頁面

1,打開瀏覽器輸入http://192.168.0.107。首次登錄需要加載所有頁面所以需要一段時間(2min左右),瀏覽器把數據緩存下來後以後再登錄速度就很快。

 

在ap模式下燒寫

和上邊的“在station模式下燒寫”任選一種即可。

一,燒錄固件

1,打開燒錄工具(工具\FLASH_DOWNLOAD_TOOLS_V3.6.4\ESPFlashDownloadTool_v3.6.4.exe).

2,按上圖選擇好固件以及對應的燒錄地址點擊“START”完成固件燒錄。(首次燒錄時先點擊“ERASE”擦除全部FLASH再進行燒錄)

3,打開串口助手(./工具/sscom)並連接好esp8266。然後給esp8266重新上電。按下按鍵3-6s等esp8266藍色指示燈快速閃爍後鬆手。esp8266將重啓並進入ap模式。

 

二,燒錄html頁面數據

1,使用電腦搜索名稱爲“SmartPlug”的wifi並連接(無需密碼)。

2,打開瀏覽器輸入http://192.168.4.1/upload。

3,按截圖選擇要燒錄的html頁面。然後點擊“上傳”按鈕等待燒寫完畢。

4,如下圖提示“上傳完成”網頁燒錄成功。

5,若一次燒錄不成功可以重新燒錄,注意燒寫時要全部一次性燒寫完成。

三,登錄esp8266頁面

1,打開瀏覽器輸入http://192.168.4.1。首次登錄需要加載所有頁面所以需要一段時間(2min左右),瀏覽器把數據緩存下來後以後再登錄速度就很快。

 

使用指南

以station模式爲例,ap模式下需要連接esp8266發出的wifi並且IP使用192.168.4.1

一,頁眉介紹

1,“SmartPlug”爲設備名稱。可以在“設置”->“名稱”中自定義。在AP模式下該名稱即爲esp8266發出的wifi名稱;在station模式下該名稱即爲設備名稱。

2,“開啓”或者“關閉”按鈕。可指示和控制esp8266綠色指示燈的狀態。該按鈕狀態和綠色指示燈的狀態保持同步,每分鐘的第1秒會發請求到esp8266獲取最新狀態。

3,“2019-05-19 17:53:30 星期日”esp8266的時間。esp8266在station模式下啓動時會通過sntp協議從互聯網獲取最新時間;在ap模式下由於esp8266無法聯網所以改時間需要通過瀏覽器訪問esp8266自動將瀏覽器的當前時間同步給esp8266。

4,“關於”顯示esp8266的運行時間、固件版本、編譯時間等信息。

 

二,定時設置

1,點擊“定時”-->“修改”可修改對應的定時任務。

2,“名稱”:定時任務的名稱。“開啓時間”:在該時間點會打開繼電器(即綠色指示燈亮)。“關閉時間”:在該時間點會關閉繼電器(即綠色指示燈滅)。“關聯延時”:該定時任務執行完成後會自動啓動關聯的延時任務。“重複”:若週一到週日都沒選擇則該任務只執行一次。

 

三,延時設置

1,點擊“延時”-->“修改”可修改對應的延時任務。

2,點擊“延時”-->“修改”可修改對應的延時任務。

 “名稱”:延時任務的名稱。

“開啓間隔”&&“關閉間隔”繼電器會開啓(即綠色指示燈亮)和關閉(即綠色指示燈滅)對應的時間。

“關聯延時”:該延時任務執行完成後會自動啓動關聯的延時任務。

“重複次數”:開啓和關閉的循環次數,循環一次重複次數減1,減爲0時延時任務停止。

四,設置

 

1,“名稱”:在AP模式下該名稱即爲esp8266發出的wifi名稱;在station模式下該名稱即爲設備名稱。

2,“模式”:1,客戶端模式:即爲station模式;2,熱點模式:即爲AP模式;3,智能配對:設備下次重啓時會進入station模式並啓動smartconfig需要使用手機重新給esp8266配網。

3,“WIFI”:在客戶端模式下點擊掃描可設置下次重啓時連接的wifi名稱,

4,“密碼”:連接wifi的密碼

5,“升級”:選擇新固件進行在線升級

6,“重啓”:重啓esp8266

7,“重置”:恢復出廠模式。定時任務和延時任務的數據將全部清零,esp8266進入默認的station模式並開始smartconfig配置。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章