带有蓝牙设备检测器的 Angular 应用程序

问题描述

我正在构建一个网络应用程序（在移动浏览器上运行，而不是移动应用程序），目的是能够检测附近的蓝牙设备，以便用户可以打卡上班/下班。

我有一个有效的代码 https://stackblitz.com/edit/bluetooth-3ibcww 并且必须在 https://bluetooth-3ibcww.stackblitz.io/ 中运行以避免 CROS 错误。 有没有办法避免“提示”？我需要模拟一个流程，其中用户点击“注册出勤”按钮，后端将扫描附近的蓝牙设备并识别特定的“ATTENDANCE_DETECTOR”蓝牙，以证明该员工在办公室/工厂附近。 这是工作代码

let options = {
  acceptAllDevices: true,optionalServices: ["battery_service"]
};

navigator.bluetooth
  .requestDevice(options)
  .then(function(device) {
    console.log("Name: " + device.name);
    // Do something with the device.
  })
  .catch(function(error) {
    console.log("Something went wrong. " + error);
  });

我查看了官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Bluetooth 似乎只有一种可用的方法 requestDevice()

解决方法

无法避免提示。要求用户在站点与其通信之前选择设备是此 API 的安全和隐私模型的一部分。如果该网站在未经用户许可的情况下被允许扫描和检测可用于多种恶意目的（例如秘密跟踪用户位置）的设备。

如果您传递 --enable-experimental-web-platform-features 标志或在 chrome://flags/#enable-experimental-web-platform-features 启用它，则 Chromium 中有一个 draft specification 用于蓝牙扫描特定的 API 和原型实现。作为目前的原型，此 API 会显示一个提示，向用户显示站点在授予站点访问权限之前可以发现的设备类型。这项工作仍处于开发阶段，没有时间表可以使此功能普遍可用。