04 網頁伺服器

(2021/04/16)

上次去參加法蘭斯的ESP32研習時,由於時間太趕,把ESP32當作網頁伺服器這部份沒有教到,還好講義上有這些資料,所以照著講義的內容做了一次,也順便理解這些積木的使用,本文先就比較簡單的部份做測試,如下,供參

一、基本型

  • 利用網址的方式點亮及關閉LED燈

    • 將Web:Bit開發板的P1(GPIO32)接一顆LED燈

    • 直接取用範例積木

      • 修改成如下

      • 取得的【參數P1】為文字,所以是否亮燈時,要把文字123轉為數字123

      • 取得Web:bit開發板的網址

      • 開啟序列埠監控視窗,如果沒有畫面,再按一下Reset鍵重啟一下

          • 測試

      • 只打上網址

        • 輸入 http://192.168.2.130/?led=1

        • 輸入 http://192.168.2.130/?led=0

        • 輸入 http://192.168.2.130/?led=2

          • 法蘭斯:數位輸出時值大於等於1都會亮是正常的,不屬於BUG。

        • 亂輸入

        • 少一個問號也不行

    • 利用網址的方式控制Web:Bit開發板屏幕顯示

      • 程式修改如下

        • 但出現一個問題,第一次下的指令,屏幕顯示沒有作用??第2次後就正常了

        • 在屏幕上顯示資料

        • 一樣一開始的圖案,有時會顯示,有時不會顯示

        • 序列監控視窗可以看到輸入的資料

二、網頁呈現按鍵來開關燈

  • 網頁上呈現【開燈】及【關燈】兩個按鍵

    • 程式:

      • 測試:

三、網頁呈現拉桿來控制LED燈的漸亮漸滅

  • 程式:

    • PWM值為0~255,所以上面範圍的最小值取0、最大值取255

  • 測試

四、網頁按按鍵取得溫濕度值

  • 程式

    • 測試

    • 另外,加個計時器積木,間隔時間取回溫濕度,而不用按鈕