| ESP32 教學 | 我要找工作
![| ESP32 教學](https://i.imgur.com/sLIY79K.jpg)
2021年6月8日—建立簡易ESP32WebServer.接著我們可以利用socket介面與html網頁來架設一個簡單的ESP32WebServer,進而實現遠端控制IO功能。
![| ESP32 教學](https://i.imgur.com/sLIY79K.jpg)
在上一篇中我們已經知道如何使用 socket ,來建立一個可以實現遠端控制 IO 的 Tcp Sever,但以使用者介面來說,TCP的操作並不是那麼直覺,如果可以將 ESP32 架設成網頁伺服器的話,無論是移動裝置或電腦,就可以利用瀏覽器軟體進行操作,所以這篇就來分享如何透過 ESP32 WebServer 實現遠端控制功能。
Tips: 在進行此篇測試前,對 socket 操作不太瞭解的朋友可以先參考這篇: 認識 Socket 與 TCP Server 實現 ESP32 遠端控制[1]
1. Socket 與網頁伺服器要怎麼使用 Socket 這樣的介面來做出簡單的網頁伺服器呢?用白話一點的方式說,網頁伺服器就像我們之前練習過的 TCP Server 的升級版本,網頁服務所需要的 HTTP 通訊協定也就是架構在 TCP/IP 層級上的應用,所以我們只要讓 Server 與 Client 之間的訊息,『符合』HTTP 規定就可以啦!這邊再一次複習基本 TCP 建立連線的步驟:
將上面這張圖用網頁服務的角度來看,流程圖的 Server 端我們就可以視為網頁伺服器,右邊的 Client 端也就是用戶的瀏覽器設備(像 Firefox、Chrome),當我們用戶端使用瀏覽器來嘗試連線主機時(也就是建立 Tcp 連線),主機接收瀏覽器的訊息後(訊息就是”用GET 指令取得網頁內容”),主機就會透過 send() 指令回傳網頁的訊息給用戶端,至於網頁的訊息格式是什麼? 這邊就是我們常見的 html 語法,瀏覽器會將 html 語法,轉換成看的懂的網頁內容,以上就是整個網頁伺服器與瀏覽器溝通的過程。
2. Html 語法這篇主要不是要教大家寫網頁(哥也不是專家😂),但為了要能夠用 ESP32 架起簡單的 WebServer, ...
Day 18 | 我要找工作
Ray 的Arduino 教學- ESP32 Web Server | 我要找工作
[ESP32教學#6] Arduino建立Web Server做一個HTML客製化網頁 | 我要找工作
| ESP32 教學 | 我要找工作
带滑块的ESP32 Web 服务器:网页控制LED 亮度(PWM) | 我要找工作
第十五篇ESP32 WiFi Server網頁伺服器(遠端控制MP3播放) | 我要找工作
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職資料處理工程師 (IoT物聯網應用) (請以電子履歷投遞)
易勝資訊股份有限公司開出資料處理工程師(IoT物聯網應用)(請以電子履歷投遞)職缺10 名,主要工作內容有:1.熟悉資料分析、資...