Web Developer with BLE

[stefan.erni]

Hi Steve

ESP32 BLE and App Developer work very well together.
Already done in the forum.
viewtopic.php?t=3468

One more small request:
It doesn't work with the Web Developer yet.
Would it be possible to add this as a feature?

[Steve-Matrix]

I have made a Web Developer component, but it is currently unreleased and needs a little more work. I'll look into it again and see if we can get something out soon.

[Steve-Matrix]

BTW, a beta version of the BLE Web Developer component was posted by Ben here:
viewtopic.php?p=22575#p22575

Have you managed to tried it? This might actually work as-is. But if it doesn't, it would be useful to know.

[stefan.erni]

Hi Steve

I copied the components.

I've already tried that program,
but I can't select which BLE I want to connect .

Is that the component?

[Steve-Matrix]

Yes, that's the component. But a slightly newer version is attached here (this one has a proper icon).

The complication is the "filter" expression. Due to domain origin issues in (most?) browsers, this needs to reference the actual device being connected to. There are examples in the tooltip for that property that show what is required. Here are 4 examples:

Code: Select all

    filters: [ { services: [0x1802, 0x1803] } ]

    filters: [ { name: "My Cool Device" } ]

    filters: [ { namePrefix: "Mtx" } ]

    filters: [ { services: ["heart_rate"] } ], optionalServices: ["battery_service"]

You would also need to enter the appropriate Service and Characteristic too.

The component only supports strings currently.

[stefan.erni]

ok I can see component and the filter now

I have an ESP32 sending a string all second.

I can receive the string in my Iphone.

Is filter like this?

name of device:

2026-02-19_16-18-13.PNG (14.26 KiB) Viewed 57 times

Filter?

2026-02-19_16-19-07.PNG (22.65 KiB) Viewed 57 times

[Steve-Matrix]

I think that filter should work. The Service and Characteristic values needs to be correct for your ESP32 device.

If you call "RequestDevice", the browser should ask to connect to your device. Once connected, the "OnValueChanged" macro should be called when the data for that Characteristic has been changed.