How toUncategorized Dan Chen / January 10, 2025

Using BLE UART to communication between ESP32 and WebBLE (Chrome) wirelessly is a simply was to remotely control your Arduino projects.

Here is what you will need

1. Adafruit QT Py ESP32 Pico – WiFi Dev Board with STEMMA QT
2. Optional: Oled Display

GitHub
https://github.com/dchen02/ESP32_WebBLE

What’s in the Arduino code

1. Start BLE communication Advertising
2. Once connected, you can press “Boot Botton” or GPIO 0 to send text to the chrome browser via WebBle
3. The code receives that data from the Chrome / WebBLE, the parse the 123,123,123 to RGB value for the onboard NeoPixel, you can connect to external one if you like
4. Optional: OLED displays messages

What’s in the html + javascript Code

1. Jquery Library for the color picker
2. Connects the BLE service with filter (so you don’t have a huge list, so it’s easy to find)
   in app.js file you will see
   filters: [{ name: “DKC BLE 1” },],optionalServices: [bleNusServiceUUID], acceptAllDevices: false
   this is how we filter out BLE names
3. Sends and receives BLE data and display in the console.log()