资料介绍
描述
什么是 BLE?
BLE(低功耗蓝牙)以低能耗处理硬件和软件之间的无线通信。它是创建智能家居设备、可穿戴设备和各种物联网项目的非常方便的工具。然而,构建一个定制的应用程序来与设备通信对于初学者来说可能会让人感到困惑和恐惧。
什么是 p5.ble.js?
p5.ble.js是一个 JavaScript 库,可以在 BLE 设备和 p5 草图之间进行通信。它使用 Web 蓝牙 API 并将复杂的设置变成几个简单的功能。它可以帮助您创建与支持 BLE 的电路交互的定制 Web 应用程序。
关于本教程
本教程将通过一个示例向您展示 p5.ble.js 的一些基本功能:读取、写入和订阅。按照本教程,您将让您的 Arduino Nano 33 BLE 与运行在 Chrome 浏览器上的 Web 应用程序通信。
第 1 步:组装电路
Arduino Nano 33 BLE 或 Arduino Nano 33 BLE Sense 可能没有焊接头针。你需要焊接头针。使用面包板可以帮助您对齐插头引脚。
然后,将按钮连接到数字引脚 4。
第 2 步:安装库
要对 Arduino Nano 33 BLE 进行编程,我们需要安装相应的库。转到工具>>板>>板管理器,搜索Arduino Nano 33 BLE,单击安装(如果您以前安装过,则单击更新)。
安装后,进入工具>>板,选择Arduino Nano 33 BLE。
注意:Arduino Nano 33 BLE 和 Arduino Nano 33 BLE Sense 使用相同的板设置。Arduino Nano IoT 使用不同的。请在编程之前仔细检查您的 Arduino 名称。
然后,转到工具 >> 管理库,搜索 ArduinoBLE,单击安装(或更新,如果您以前安装过)。
然后,我们准备对 Arduino Nano 33 BLE 进行编程。
第 3 步:对 Arduino 进行编程
在本教程中,我们将使用示例草图。转到文件 >> 示例 >> ArduinoBLE >> 外围设备,打开示例 ButtonLED
验证草图并对其进行编程。
编程完成后,打开串行监视器,您应该看到“蓝牙设备处于活动状态,等待连接...”
如果您按下面包板上的按钮,您应该会看到板载 LED 亮起并且串行监视器中打印“LED on”。这是为了验证您的电路是否正确接线。如果您没有看到 LED 或打印,请检查您的接线。
第 4 步:添加 p5.ble.js 库
在 Chrome 浏览器中打开p5.js Editor,点击箭头图标打开index.html文件。如下所示粘贴以下代码行。
<script src="https://unpkg.com/p5ble@0.0.4/dist/p5.ble.js" type="text/javascript">script>
第 5 步:p5 编程
首先,我们将声明服务和特征的 UUID。这些是我们 Arduino 草图中特征的唯一标识符。
const serviceUuid = "19b10010-e8f2-537e-4f6c-d104768a1214";
const characteristicsUUID = {
led:"19b10011-e8f2-537e-4f6c-d104768a1214",
button:"19b10012-e8f2-537e-4f6c-d104768a1214"
}
然后,我们需要在 p5 草图中创建 BLE 对象和特征的实例。
let buttonCharacteristic;
let ledCharacteristic;
let myBLE;
接下来,我们将创建一个全局变量来保存从按钮读取的值
let buttonValue = 0;
在setup
函数内部,我们将启动 BLE 对象和界面按钮。
function setup() {
createCanvas(400, 400);
myBLE = new p5ble();
createCanvas(600, 400);
background("#FFF");
const connectButton = createButton('Connect and Start Notifications')
connectButton.mousePressed(connectAndStartNotify);
const toggleButton = createButton('Toggle');
toggleButton.position(15, 15);
toggleButton.mousePressed(toggleLED);
}
然后,我们将声明每个动作对应的回调函数:当connectButton
被按下时, connectAndStartNotify
函数将被触发。当 toggleButton 被按下时,toggleLED
函数将被触发。
function connectAndStartNotify() {
myBLE.connect(serviceUuid, gotCharacteristics);
}
function gotCharacteristics(error, characteristics)
if (error) console.log('error: ', error);
console.log(characteristics[1].uuid);
for(let i = 0; i < characteristics.length;i++){
if(characteristics[i].uuid == characteristicsUUID.button){
buttonCharacteristic = characteristics[i];
myBLE.startNotifications(buttonCharacteristic, handleButton);
}else if(characteristics[i].uuid == characteristicsUUID.led){
ledCharacteristic = characteristics[i];
}else{
console.log("nothing");
}
}
function handleButton(data) {
console.log('Button: ', data);
buttonValue = Number(data);
}
function toggleLED(){
myBLE.read(ledCharacteristic, handleLED);
}
function handleLED(error, data){
if (error) console.log('error: ', error);
console.log('LED: ', data);
myBLE.write(ledCharacteristic, !data);
}
然后,在draw
函数内部,我们将使用buttonValue
来绘制一个正方形。
function draw() {
noStroke();
if(buttonValue>0){
fill(color(200, 200, 200));
}else{
fill(color(100, 200, 200));
}
rect(15, 40, 60, 60);
}
现在,我们准备运行 p5 草图。
第 6 步:运行 p5 草图
单击编辑器左上角的播放按钮,我们可以运行草图。当草图运行时,您会看到连接和开始通知按钮。单击该按钮,您将在浏览器中看到一个弹出窗口。这是选择 BLE 设备的窗口。如果只有一个带有 ButtonLED 草图编程和供电的 Arduino,那么您应该只会在窗口中看到一个选项。配对。
然后,您应该在控制台中看到以下日志:
现在,如果您单击面包板上的按钮,网络应用程序中的方块将改变颜色。如果您单击 Web 应用程序中的按钮,板载 LED 将切换。
现在,您已经成功运行了您的第一个p5.ble.js项目。您可以按照示例为您的 Arduino BLE 项目创建自己的 Web 应用程序。
提示
- 如果您遇到多个 BLE 项目,最好将示例中的服务 UUID 更改为不同的 UUID。您可以使用UUID 生成器来生成它。请不要忘记替换 Arduino 草图和 p5 草图中的 UUID。
- 如果您无法将 p5 草图正确连接到您的 Arduino,您可以使用通用 BLE 移动应用程序,例如 LightBlue,首先测试您的 Arduino。
- 使用Arduino Nano 33构建嵌入式语音识别应用程序
- Arduino Nano 33 Sense BLE开源
- Arduino Nano 33物联网调试
- 基于Arduino Nano 33 BLE Sense的深蹲计数器
- 带有Arduino Nano 33 IoT的气鼓
- 基于Nano 33 BLE Sense的数字魔杖
- 基于Arduino 33 BLE的智慧教室 1次下载
- Arduino Nano 33 BLE Sense的语音识别项目
- Arduino Nano 33 BLE OV7670相机扩展板
- 在Arduino Nano BLE Sense 33边缘设备上训练神经网络
- Arduino Nano 33 BLE Sense上的白血病检测
- 利用Nano 33 BLE Sense板功能尾随大象
- 使用TinyML和Arduino Nano 33 BLE计算阅读时间
- Arduino Nano 33 IoT远程调试及编码
- 基于组合测试的Web应用程序搜索功能 11次下载
- 如何使用Python和PinPong库控制Arduino 718次阅读
- 基于Arduino的机器学习开发 1.7w次阅读
- PreEmptiveProtection:全面的移动应用程序保护 529次阅读
- NanoBeacon™ BLE扫描器教程(第一部分) 725次阅读
- 怎么使用uboot引导应用程序? 1360次阅读
- 聊聊PHP的web应用程序开发框架存在的漏洞有哪些 1561次阅读
- 当Arduino遇上树莓派:Nano RP2040连接板 6472次阅读
- 如何使用Arduino Nano控制红绿灯 5001次阅读
- 浅谈RAM 执行应用程序 3060次阅读
- 八个将在未来发挥重要作用的Web应用程序的API 2281次阅读
- dfrobot Arduino Nano控制板介绍 5611次阅读
- 如何使用HyperledgeFabric网络react.js来构建Web应用程序 1149次阅读
- python的web部署方式大全! 3061次阅读
- 两种开发 RFID 应用程序的方法分析 791次阅读
- arduino串口通信 2.1w次阅读
下载排行
本周
- 1山景DSP芯片AP8248A2数据手册
- 1.06 MB | 532次下载 | 免费
- 2RK3399完整板原理图(支持平板,盒子VR)
- 3.28 MB | 339次下载 | 免费
- 3TC358743XBG评估板参考手册
- 1.36 MB | 330次下载 | 免费
- 4DFM软件使用教程
- 0.84 MB | 295次下载 | 免费
- 5元宇宙深度解析—未来的未来-风口还是泡沫
- 6.40 MB | 227次下载 | 免费
- 6迪文DGUS开发指南
- 31.67 MB | 194次下载 | 免费
- 7元宇宙底层硬件系列报告
- 13.42 MB | 182次下载 | 免费
- 8FP5207XR-G1中文应用手册
- 1.09 MB | 178次下载 | 免费
本月
- 1OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234315次下载 | 免费
- 2555集成电路应用800例(新编版)
- 0.00 MB | 33566次下载 | 免费
- 3接口电路图大全
- 未知 | 30323次下载 | 免费
- 4开关电源设计实例指南
- 未知 | 21549次下载 | 免费
- 5电气工程师手册免费下载(新编第二版pdf电子书)
- 0.00 MB | 15349次下载 | 免费
- 6数字电路基础pdf(下载)
- 未知 | 13750次下载 | 免费
- 7电子制作实例集锦 下载
- 未知 | 8113次下载 | 免费
- 8《LED驱动电路设计》 温德尔著
- 0.00 MB | 6656次下载 | 免费
总榜
- 1matlab软件下载入口
- 未知 | 935054次下载 | 免费
- 2protel99se软件下载(可英文版转中文版)
- 78.1 MB | 537798次下载 | 免费
- 3MATLAB 7.1 下载 (含软件介绍)
- 未知 | 420027次下载 | 免费
- 4OrCAD10.5下载OrCAD10.5中文版软件
- 0.00 MB | 234315次下载 | 免费
- 5Altium DXP2002下载入口
- 未知 | 233046次下载 | 免费
- 6电路仿真软件multisim 10.0免费下载
- 340992 | 191187次下载 | 免费
- 7十天学会AVR单片机与C语言视频教程 下载
- 158M | 183279次下载 | 免费
- 8proe5.0野火版下载(中文版免费下载)
- 未知 | 138040次下载 | 免费
评论
查看更多