👉 Table of Contents

Web Serial có sẵn trong trình duyệt Google Chrome và Microsoft Edge. Có thể hỗ trợ Android nhưng vẫn chưa được triển khai.

Warning: Có nạp mạch điều khiển LED ARGB Happy Smart Light

ESP Web Tools - bangnguyendev

Plug in your ESP to a USB port.
We will install to it.

Introducing ESP Web Tools

User friendly tools to manage ESP8266 and ESP32 devices in the browser:

  • Install & update firmware

  • Connect device to the Wi-Fi network

  • Visit the device’s hosted web interface

  • Access logs and send terminal commands

  • Add devices to Home Assistant

npm i flash-esp-web-bangnguyendev

Adding ESP Web Tools to your website

<script
  type="module"
  src="https://unpkg.com/flash-esp-web-bangnguyendev@1.0.1/dist/web/install-button.js?module">
</script>

<esp-web-install-button  manifest="/dist/json/manifest_ESP8266_ESP32.json">
  <button slot="activate"><i class="fa fa-usb"></i><span class="action__text">Connect & Install</span></button>
</esp-web-install-button>

How it works

ESP Web Tools works by combining Web Serial, Improv Wi-Fi (optional), and a manifest which describes the firmware.

ESP Web Tools detects the chipset of the connected ESP device and automatically selects the right firmware variant from the manifest.

Web Serial is available in Google Chrome and Microsoft Edge browsers. Android support should be possible but has not been implemented yet.

Configuring Wi-Fi

ESP Web Tools supports the Improv Wi-Fi serial standard. This is an open standard to allow configuring Wi-Fi via the serial port.

If the firmware supports Improv, a user will be asked to connect the device to the network after installing the firmware.

Once connected, the device can send the user to a URL to finish configuration. For example, this can be a link to the device’s IP address where it serves a local UI.

At any time in the future a user can use ESP Web Tools to find the device link or to reconfigure the Wi-Fi settings without doing a reinstall.

Thank you ESP Web Tools team