智能小程序 Ray 开发蓝牙设备API —— Beacon API 接口汇总（一）

最新推荐文章于 2026-01-13 10:22:23 发布
原创 最新推荐文章于 2026-01-13 10:22:23 发布 · 1.1k 阅读 · 18 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
GEO检测
标签
#小程序 #前端 #javascript #开发语言 #API
#App #物联网

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

bluetoothCapabilityOfBLEBeacon

设备是否支持 BLEBeacon 能力

引入

import { bluetoothCapabilityOfBLEBeacon } from '@ray-js/ray';

需引入DeviceKit，且在>=1.2.6版本才可使用

参数

Object object

属性类型默认值必填说明
deviceIdstring是设备模型 deviceId 设备 Id
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数

 👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。 

readBeaconFenceConfig

读取 beaconFence 配置

引入

import { readBeaconFenceConfig } from '@ray-js/ray';

需引入DeviceKit，且在>=2.4.0版本才可使用

参数

Object object

属性类型默认值必填说明
deviceIdstring是设备模型 deviceId 设备 Id
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数

object.success 回调参数

参数

Object res

属性类型说明
deviceIdstring设备模型 设备 id
beaconFenceRssinumber最小信号强度
isOpenEventWhenApproachingBeaconFenceboolean设置是否打开进入范围强度区间发送 dp 功能
isOpenEventWhenLeaveBeaconFenceboolean设置是否打开离开范围强度区间发送 dp 功能
isOpenNotifyWhenLeaveBeaconFenceboolean设置是否打开离开范围强度区间发送本地通知

object.fail 回调参数

参数

Object res

属性类型说明
errorMsgstring插件错误信息
errorCodestring错误码
innerErrorobject插件外部依赖错误信息 {errorMsg: string, errorCode: string }

 

writeBeaconFenceConfig

写入 BeaconFence 配置

引入

import { writeBeaconFenceConfig } from '@ray-js/ray';

需引入DeviceKit，且在>=2.4.0版本才可使用

参数

Object object

属性类型默认值必填说明
deviceIdstring是设备模型 设备 id
beaconFenceRssinumber是最小信号强度
isOpenEventWhenApproachingBeaconFenceboolean是设置是否打开进入范围强度区间发送 dp 功能
isOpenEventWhenLeaveBeaconFenceboolean是设置是否打开离开范围强度区间发送 dp 功能
isOpenNotifyWhenLeaveBeaconFenceboolean是设置是否打开离开范围强度区间发送本地通知
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数

 

startBLEScanBeacon

启动扫描 Beacon 扫描

引入

import { startBLEScanBeacon } from '@ray-js/ray';

需引入DeviceKit，且在>=1.2.6版本才可使用

参数

Object object

属性类型默认值必填说明
deviceIdstring是设备模型 deviceId 设备 Id
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数

 

stopBLEScanBeacon

停止扫描 Beacon 扫描。

引入

import { stopBLEScanBeacon } from '@ray-js/ray';

需引入DeviceKit，且在>=1.2.6版本才可使用

参数

Object object

属性类型默认值必填说明
deviceIdstring是设备模型 deviceId 设备 Id
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数

👉 立即免费领取开发资源，体验涂鸦 MiniApp 小程序开发。  

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看
数据埋点好帮手，这个Beacon API ，建议每位前端开发者了解下
前端达人
07-04 1420
欢迎来到《必知的JavaScript API系列》，本系列将与您一起学习JavaScript API，以便您能够像高级工程师一样熟练地使用它。今天我们来学习下Beacon API。1、 简介Beacon API是HTML5提供的新型浏览器API，可以在不影响当前页面加载和性能的情况下，在浏览器后台异步发送数据。借助Beacon API，开发人员可以在页面卸载或关闭时向服务器发送数据，从而实现一些...
【JS】1680- 重学 JavaScript API - Beacon API
pingan8787
05-12 870
❝前期回顾：1.Page Visibility API2.Broadcast Channel API❞1. 什么是 Beacon API1.1 概念介绍Beacon API 是 HTML5 提供的一种新的浏览器 API，可以用于在浏览器后台异步地发送数据，而不影响当前页面的加载和性能。通过 Beacon API，开发者可以在「页面卸载或关闭时」，「将数据发送给服务器」，从而实现一些监控和日志等功能...
蓝牙协议栈API分析
芊言凝语
09-04 1202
蓝牙协议栈是蓝牙技术实现的基础，它定义了蓝牙设备之间通信的协议和规则。蓝牙协议栈通常包括多个层次，从底层的物理层到上层的应用层，每个层次都负责不同的功能和任务。在蓝牙协议栈中，API（应用程序接口）是连接上层应用与底层硬件的桥梁，它允许开发者通过调用特定的函数或方法来实现蓝牙通信功能。
【小程序开发】蓝牙设备API——Beacon应用程序编程接口整理
IoT砖家
03-20 1388
设备是否支持 BLEBeacon 能力、读取 beaconFence 配置、写入 BeaconFence 配置、启动扫描 Beacon 扫描、注册监听远离 beacon 设备范围事件等API接口集合
Beacon API的应用
qq_14926871的博客
08-30 984
遇到了一个需求就是，在浏览器被关闭之前要调用一个后端提供的请求，我一开始用axios,信誓旦旦的说，木有问题，后端后来告诉我，没有接收到有请求，这个时候我就去排除下原因，我debugger看了下，明明有发送请求只不过在unload的时候还是pending状态。猜测是不是请求被中断了。尝试用同步请求发现还是没有用，那我能想到的就是用原生的http同步请求，但是缺点也很明显，性能差。所以我又百思不得其...
智能小程序 Ray 开发蓝牙设备API —— Beacon API 接口汇总（二）
IoT砖家
06-26 792
注册监听远离 beacon 设备范围事件。
智能小程序 Ray 开发蓝牙设备API —— 单点蓝牙 API 接口汇总（一）
IoT砖家
06-21 550
聚合接口, 支持 Bluetooth LE、双模中的 Bluetooth LE、Mesh 单火类以及 Mesh 连接断开。Beacon 设备调用无效。聚合接口，支持 Bluetooth LE、双模中 Bluetooth LE、Beacon、Mesh、Mesh 单火类连接。
javascript基础学习系列三百七十三：Beacon API
wanmeijuhao的博客
02-02 987
为了把尽量多的页面信息传到服务器，很多分析工具需要在页面生命周期中尽量晚的时候向服务器 发送遥测或分析数据。因此，理想的情况下是通过浏览器的 unload 事件发送网络请求。这个事件表示 用户要离开当前页面，不会再生成别的有用信息了。在 unload 事件触发时，分析工具要停止收集信息并把收集到的数据发给服务器。这时候有一个问题， 因为 unload 事件对浏览器意味着没有理由再发送任何结果未知的网络请求(因为页面都要被销毁了)。例如，在 unload 事件处理程序中创建的任何异步请求都会被浏览器取消。
javascript基础从小白到高手系列二千三百五十五：Beacon API
wanmeijuhao的博客
09-30 565
因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。在JavaScript。
蓝牙API介绍
almo_omla的博客
04-28 1196
主要有BluetoothAdapter\BluetoothDevice\BluetoothServerSocket\BluetoothSocket等常用到的类。 一. BluetoothAdapter类 该类是蓝牙设备的接口，要想对设备的蓝牙进行操作，必须获得此类的对象，调用getDefaultAdapter()。此类可以完成的功能： 发现其他蓝牙 设备，调用startDiscove
99%的开发者都在用“笨方法”发送页面数据？Beacon API让你的分析效率飙升300%！
最新发布
JakeMa1024的博客
01-13 726
Beacon API不是“可有可无的玩具”，而是现代前端数据收集的基石。它用0.1秒的代价，换回100%的用户行为完整性——这性价比，简直像给页面装了“数据保险箱”！行动建议立即检查你的分析工具（如Google Analytics、Mixpanel），把数据上报逻辑迁移到Beacon。在事件中埋点，优先上报关键行为（如点击、错误）。用success返回值做兜底：若失败，降级用fetch（但需容忍页面延迟）。
javascript基础从小白到高手系列二千九百五十五：Beacon API
wanmeijuhao的博客
12-25 508
因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。在JavaScript。
web监控数据上报方案
知之为知之，不知为不知
05-13 993
1.上报轻量级的数据时可以采取image src属性进行上报； 2. 特定场景需要采集大量级的数据可以改用普通post请求方式； 3. 在需要监测用户关闭浏览器时上报数据，首选采用beaconApi方式，若用户的当前浏览器不支持该方法，可降级为image方案。目前很多大厂已采用这种混合式埋点方案。
微信小程序如何搜索iBeacon设备
cccbbbmmm的博客
11-22 417
请注意，搜索iBeacon设备时，你需要筛选和识别iBeacon设备。你可以传递一个参数对象，设置搜索的范围和持续时间。每当发现一个设备时，该函数会被调用。函数检查蓝牙适配器的状态，确保蓝牙处于可用状态。来判断设备是否为iBeacon设备。函数获取蓝牙适配器实例。获取蓝牙适配器：使用。
Beacon API
weixin_34242331的博客
05-02 545
Beacon API是W3C仍在草案阶段的一项新API，这个API主要用于发送不需要服务器回应的HTTP请求或强制浏览器发送一个请求。 window.addEventListener('unload', logData, false); function logData() { var client = new XMLHttpR...
Web API 之 — Beacon
weixin_49067499的博客
08-19 1078
Beacon 的作用是用来向服务器发送一个异步非阻塞的请求。这个请求不会因为页面 unload 的发生而中止，并且不会阻塞页面 unload。所以 Beacon 被使用于在离开页面前，向服务端发送页面统计分析数据。 我们总结一下，在 Beacon 之前，要想在页面离开前，向服务端发送数据的传统方法。 同步 xhr 由于浏览器在处理 unload 事件时，会忽略掉异步 xhr，那么为了保证请求发送成功，就需要使用同步的 xhr。如下所示： window.addEventListener("unload",
[译] 使用 Web Beacon API 记录活动
weixin_34025151的博客
08-07 547
原文地址：Logging Activity With The Web Beacon API 原文作者：Drew 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：Elliott Zhao 校对者：Eternaldeath, StellaBauhinia Beacon API是一种从网页把信息传递给服务器的轻量并且高效的方法。我们来了解一下如何使用它...
微信小程序ibeacon搜索功能制作
m0_73481765的博客
09-10 884
请注意，以上代码仅为示例，实际的布局和样式可能会因你的实际需求而有所不同。你可以根据官方文档和自己的实际情况进行相应的修改和扩展。数组，以展示每个iBeacon设备的UUID、Major、Minor和信号强度等信息。属性来存储搜索到的iBeacon设备信息。数据，以便在页面中展示搜索到的设备信息。在上面的示例中，我们使用了。在上述代码中，我们使用了。回调函数中，我们更新了。希望能对你有所帮助！
使用Beacon API实现高效数据传输和用户行为分析
qq_40427481的博客
09-28 310
通过将这些行为数据发送到服务器，可以进行行为分析，了解用户的偏好和行为模式。这对于优化用户体验和改进产品设计至关重要，因为通过了解用户行为，开发人员可以根据用户的实际需求进行产品改进，提供更好的用户体验。首先，Beacon API可用于性能监控。通过在页面卸载或关闭时使用Beacon API将这些性能数据发送到服务器进行分析和监测，可以更好地了解页面的加载和性能情况。通过使用Beacon API，开发人员可以实现更好的性能监控、异常日志记录、用户行为分析和数据收集等功能，从而提升应用程序的质量和用户体验。
javascript基础从小白到高手系列二千八百五十五：Beacon API
wanmeijuhao的博客
12-01 504
因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，因为Web Socket 使用了自定义协议，所以URL 方案（scheme）稍有变化：不能再使用http://或https://，调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。调用close()之后，readyState 立即变为2（连接正在关闭），并会在关闭后变为3（连接已经关闭）。在JavaScript。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IoT砖家涂拉拉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值