# Webserver for BW16

**URL:** <https://forum.amebaiot.com/t/webserver-for-bw16/2154>\
**Category:** SDK\
**Tags:** evb-bw16, rtl872xd\
**Created:** [August 13, 2023, 3:12pm UTC](https://forum.amebaiot.com/t/webserver-for-bw16/2154 "2023-08-13T15:12:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![CHUNG-YU\_Lai](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.amebaiot.com/chung-yu_lai/32/1286_2.png) [@CHUNG-YU\_Lai](https://forum.amebaiot.com/u/CHUNG-YU_Lai)\
**Post date:** [August 13, 2023, 3:12pm UTC](https://forum.amebaiot.com/t/webserver-for-bw16/2154/1 "2023-08-13T15:12:19Z")

</div>

使用BW16連建置一個簡單的網站  
一般網站WiFi建置會有兩種mode: STA 與AP (又叫作SoftAP,HostAP)  
可參考 網址說明 [https://eeepage.info/wifimode-sta-ap/](https://eeepage.info/wifimode-sta-ap/)  
不知可以參考範例? 在Arduino IDE 內並無發現  
因網頁撰寫 BW16模式會有  
1呈現DI/DO 及AI /AO  
2網頁輸入數字

以下範例是WiFi mode: STA 建立感測器的狀態

> <https://github.com/mikey60/BW16-RTL8720DN-Module-Arduino/blob/main/Sketches/BME280_webserver/BME280_webserver.ino>

另外提供範例參考  
[1-WiFi-Web-on-off-BW16.zip](https://forum.amebaiot.com/uploads/short-url/1DShyYNWTcm8QFQi0PeY7LWMRgx.zip) (2.5 KB)  
[2-SoftAP-Web-on-off-BW16.zip](https://forum.amebaiot.com/uploads/short-url/kyb2ftlbmEFy8ek0kxy3DkYAYdV.zip) (2.9 KB)

---

<div class="post-metadata">

**Author:** ![CHUNG-YU\_Lai](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.amebaiot.com/chung-yu_lai/32/1286_2.png) [@CHUNG-YU\_Lai](https://forum.amebaiot.com/u/CHUNG-YU_Lai)\
**Post date:** [August 13, 2023, 3:29pm UTC](https://forum.amebaiot.com/t/webserver-for-bw16/2154/2 "2023-08-13T15:29:50Z")

</div>

想再請教大家  
Input Data on HTML Form BW16 Web Server using Arduino IDE  
以此連結範例 改成 BW16 可運行 需如何修改呢? 或是使用哪一個 include 檔

> **[Input Data on HTML Form ESP32/ESP8266 Web Server Arduino IDE | Random Nerd...](https://randomnerdtutorials.com/esp32-esp8266-input-data-html-form/)**
>
> Learn how to create an ESP32/ESP8266 web server with three input fields (HTML form) to pass values to your ESP using Arduino IDE. Then, you can use those values as variables in your code.

---

<div class="post-metadata">

**Author:** ![dakamaster](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.amebaiot.com/dakamaster/32/1744_2.png) [@dakamaster](https://forum.amebaiot.com/u/dakamaster)\
**Post date:** [August 14, 2023, 1:11am UTC](https://forum.amebaiot.com/t/webserver-for-bw16/2154/3 "2023-08-14T01:11:15Z")

</div>

> [@CHUNG-YU\_Lai](#):
>
> 不知可以參考範例?

不好意思我不是很明白您的問題。請問您的問題是需要AP+STA 模式的範例嗎？  
如果是的，請參考：[https://github.com/ambiot/ambd\_arduino/tree/dev/Arduino\_package/hardware/libraries/WiFi/examples/ConcurrentMode](https://github.com/ambiot/ambd_arduino/tree/dev/Arduino_package/hardware/libraries/WiFi/examples/ConcurrentMode)

另外，如果需要參考WiFi相關範例，請訪問我們的官方網站：  
[https://www.amebaiot.com/en/amebad-rtl8720dn-bw16--arduino-peripherals-examples/](https://www.amebaiot.com/en/amebad-rtl8720dn-bw16--arduino-peripherals-examples/)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/ameba/original/2X/4/4be614c4bfc3825807581d131384cead6caa869b.png)

> [@CHUNG-YU\_Lai](#):
>
> 以此連結範例 改成 BW16 可運行 需如何修改呢?

ESP和AmebaArduino SDK 底層調用的程式碼不是兼容的。如果您想修改的話得先瞭解兩者src file的區別。  
但是您説的在HTML中建立WEB SERVER的範例AMEBA本身是有提供的，請參考：

> <https://github.com/ambiot/ambd_arduino/tree/dev/Arduino_package/hardware/libraries/WiFi/examples/SimpleWebServerWiFi>
>
> //github.com/ambiot/ambd\_arduino/tree/dev/Arduino\_package/hardware/libraries/WiFi/examples/SimpleWebServerWiFi

謝謝

---

<div class="post-metadata">

**Author:** ![CHUNG-YU\_Lai](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.amebaiot.com/chung-yu_lai/32/1286_2.png) [@CHUNG-YU\_Lai](https://forum.amebaiot.com/u/CHUNG-YU_Lai)\
**Post date:** [August 14, 2023, 7:22am UTC](https://forum.amebaiot.com/t/webserver-for-bw16/2154/4 "2023-08-14T07:22:19Z")

</div>

謝謝提供範例參考  
詢問的問題主要是  
\*\*\*\*\*如何撰寫網頁有文字輸入的欄位 \*\*\*\*\*\*  
當網頁Sumit 確認後 會從serial 送出來的範例  
需運用HTML語法撰寫

```auto
 <form action="/get">
    1_SSID_: <input type="text" name="input1">
    <input type="submit" value="Submit">
  </form-->

```