关注迅速公众平台
关注微信联系人
利用Web Bluetooth API简化BLE设备交互:告别繁琐的网站开发
借助 BLE(低功耗蓝牙),我们能在电子设备上玩出各种各样的花样。不过为了能和各种不同的硬件设备交互,难道我们就要在手机上安装各个设备对应的网站开发(蓝牙)吗?
如果我们可以用浏览器统一管理所有的硬件设备,那世界得多美好啊。Web Bluetooth API 正在努力实现这个目标,这是一个基于 promise 规范的API。这个 API 的出现不仅是造福用户(的手机空间),还节省了开发者/发行商的成本 -- 不需要为新的硬件产品开发至少一个独立的网站开发(蓝牙)来控制,统一用还能跨平台的网页端就行了。
到目前为止,要在移动设备上做 BLE 方面的交互都要通过原生网站开发。Web Bluetooth API 想要改变这样的现状。现在 Web Bluetooth API 尚未定稿,在使用过程中遇到任何问题,请不要客气地吐槽吧。
获取设备基本信息
接下来就是代码环节,你很快会知道如何获取到一台 BLE 设备的基本信息。
下面这段代码……就是一个按钮:
<button id="try-it">Try it</button> <script> document.getElementById('try-it').addEventListener('click', function() { navigator.bluetooth.requestDevice({ filters: [{ services: ['battery_service'] }] }) .then(device => { console.log('Got device name:', device.name); return device.gatt.connect(); }) .then(server => server.getPrimaryService('battery_service')) .then(service => service.getCharacteristic('battery_level')) .then(characteristic => characteristic.readValue()) .then(value => { console.log(`Battery level is ${value.getUint8(0)}`); }) .catch(error => { console.error('Error accessing Bluetooth device:', error); }); }); </script>
上海迅速网络拥有二十年的网站开发经验,如需了解更多详情,请访问上海迅速网络官方网站:www.webws.com,或联系电话:13916016158。
特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。 网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点, 也不对网站内容的真实性负责,如有侵权,请联系站长删除
业务联系