CODEWITHSUNDEEP
bluetoothbluetooth-lowenergyweb-bluetooth
user2782
user2782

Reputation: 468

Web Bluetooth Bypass Pairing Screen

The BLE Peripheral Simulator app, combined with the Web Bluetooth Samples, is a tremendous resource for developers.

Once a device is paired, is there any way through Web Bluetooth to bypass the pairing screen and go straight to the app?

Pairing Screen

Upvotes: 4

Views: 1593

Answers (2)

Ovidio Ruiz-Henríquez
Ovidio Ruiz-Henríquez

Reputation: 566

I recently implemented a new permissions backend as well as two APIs that will enable previously permitted Bluetooth devices to be used.

The new permissions backend is implemented behind the chrome://flags/#enable-web-bluetooth-new-permissions-backend. The new backend will persist device permissions granted through requestDevice() until the permission is reset in Site Settings or the Page Info dialog box.

The getDevices() and watchAdvertisements() are implemented behind the chrome://flags/#enable-experimental-web-platform-features flag for Chrome 85.0.4165.0 or greater. The recommended use of these APIs is to use getDevices() to retrieve an array of permitted BluetoothDevices and then calling watchAdvertisements() on these devices to start a scan. When advertisement packets are detected from the devices, the advertisementreceived Event will be fired on the device that it corresponds to. At this point, the Bluetooth device is in range and can be connected to.

Please give this new feature a try, and file any bugs at https://crbug.com using the Blink>Bluetooth component.

Upvotes: 0

Noah Studach
Noah Studach

Reputation: 445

Yes, this is possible. Code Source. Not my code though.

// Selected device object cache
let deviceCache = null;

// Launch Bluetooth device chooser and connect to the selected
function connect() {
    return (deviceCache ? Promise.resolve(deviceCache) :
        requestBluetoothDevice())
        .then(device => connectDeviceAndCacheCharacteristic(device))
        .then(characteristic => startNotifications(characteristic))
        .catch(error => log(error));

function requestBluetoothDevice() {
    log('Requesting bluetooth device...');

    return navigator.bluetooth.requestDevice({
      filters: [{services: [myService]}],
    })
        .then(device => {
          log('"' + device.name + '" bluetooth device selected');
          deviceCache = device;

        // Listen for disconnet event
        deviceCache.addEventListener('gattserverdisconnected',
        handleDisconnection);

          return deviceCache;
        });
}

Also, there is a way of reconnecting after site refresh, but it is not implemented yet

Upvotes: 3

Related Questions