uniapp实现蓝牙自动连接并获取心电图（代码篇）

我们最近的项目是需要写一个app和公司设备通过蓝牙连接，并且获取到心电图，这次是实现自动的，用户在第一次的时候需要点击连接蓝牙实现自动连接，后续更是不需要点击直接获取心电图，直接上代码，供大家参考！

<template><view><page-head :title="title"></page-head><!-- 心电图显示区 --><view class="displayarea">心电图显示区<view class="container"><canvas canvas-id="grids" style="width: 750rpx; height: 750rpx;"></canvas></view></view><!-- <view style="background-color: red;">心率：{{heartRateData[heartRateData.length-1]}}</view> --><canvas canvas-id="waveform" id="waveform" style="width: 500px; height: 400px; margin: 0 auto"></canvas><view class="uni-padding-wrap uni-common-mt"><!-- button class="heartrate">心率</button> --><view class="uni-btn-v"><button type="primary" :disabled="disabled" @click="openBluetoothAdapter">连接蓝牙</button><button type="primary" :disabled="!disabled" @click="closeBLEConnection">断开蓝牙设备</button><button type="primary" :disabled="!disabled" @click="closeBluetoothAdapter">关闭蓝牙模块</button></view></view><!-- 遮罩 --></view>
</template>
<script>let num = 0;let timer = null;export default {data() {return {title: 'bluetooth',disabled: false,deviceId: '',serviceId: '0000FFF0-0000-1000-8000-00805F9B34FB',writeCharacteristicsId: '',connectCharacteristicsId: '',characteristicId: '0000FFF1-0000-1000-8000-00805F9B34FB',heartRateData: [],macAddress: '',macValue: '',valueChangeData: {value: ''},extraLine: [],};},onLoad() {this.setOnBLECharacteristicValueChange();this.openBluetoothAdapter()},onShow() {const ctx = uni.createCanvasContext('waveform', this);if(timer != null){clearInterval(timer);}timer = setInterval(() => {if (this.heartRateData.length) {this.drawLine(ctx, this.heartRateData)}}, 50)},beforeDestroy() {clearInterval(timer);timer = null;this.closeBLEConnection()uni.closeBluetoothAdapter()},methods: {moveHandle() {},/*** 关闭遮罩*/maskclose() {this.maskShow = false;},/*** 选择设备*/queryDevices() {// this.newDeviceLoad = true;this.showMaskType = 'device';this.maskShow = true;},tapQuery(item) {if (this.showMaskType === 'device') {this.$set(this.disabled, 4, false);if (this.equipment.length > 0) {this.equipment[0] = item;} else {this.equipment.push(item);}this.newDeviceLoad = false;}if (this.showMaskType === 'service') {this.$set(this.disabled, 6, false);if (this.servicesData.length > 0) {this.servicesData[0] = item;} else {this.servicesData.push(item);}}if (this.showMaskType === 'characteristics') {this.$set(this.disabled, 7, false);if (this.characteristicsData.length > 0) {this.characteristicsData[0] = item;} else {this.characteristicsData.push(item);}}this.maskShow = false;},/*** 第一步* 初始化蓝牙设备** */openBluetoothAdapter() {// 设置 监听蓝牙适配器状态变化事件console.log("第一步");this.disabled = true// this.setOnBluetoothAdapterStateChange()uni.openBluetoothAdapter({success: e => {console.log('openBluetoothAdapter success', e);this.startBluetoothDevicesDiscovery()},fail: e => {console.log(e)console.log('初始化蓝牙失败，错误码：' + (e.errCode || e.errMsg));if (e.errCode !== 0) {initTypes(e.errCode, e.errMsg);}}});},/*** 第二步，* 监听蓝牙适配器状态变化事件*/setOnBluetoothAdapterStateChange() {console.log("第二步");uni.onBluetoothAdapterStateChange((res) => {console.log("第二步", res);if (res.available) {// 蓝牙适配器 ，则开始搜索蓝牙设备this.startBluetoothDevicesDiscovery()}})},/*** 第二步，* 开始搜索蓝牙设备* */startBluetoothDevicesDiscovery() {console.log("第三步");// 搜索之前监听寻找到新设备的事件this.onBluetoothDeviceFound();uni.startBluetoothDevicesDiscovery({success: e => {},fail: e => {console.log('搜索蓝牙设备失败，错误码：' + e.errCode);if (e.errCode !== 0) {initTypes(e.errCode);}}});},/*** 第三步* 寻找到新设备* * */onBluetoothDeviceFound() {console.log("第四步");uni.onBluetoothDeviceFound(res => {console.log(res);// 监听寻找到新设备的事件for (var i = 0; i < res.devices.length; i++) {let device = res.devices[i]// 根据设备名称找到对应的设备,然后链接设备if (device.name && device.name == 'FSC-BT1036-LE-09F8') {this.deviceId = device.deviceId// 停止设备查找this.stopBluetoothDevicesDiscovery()uni.showLoading({title: '连接蓝牙...'});uni.createBLEConnection({deviceId: this.deviceId,success:res => {uni.hideLoading()setTimeout(()=> {this.getBLEDeviceServices().then(res => {console.log(res);return this.getBLEDeviceCharacteristics()}).then(res => {console.log(res);return this.bleNotifyAndlisten()}).then(res => {console.log(res);// 需要延时 再去调用读取数据setTimeout(() => {this.readBLECharacteristicValue()}, 1000);})},1000)},fail: (err) => {uni.hideLoading()uni.showModal({title: "温馨提示",content: '"蓝牙连接失败'})}});}}});},/*** 第四步* 连接低功耗蓝牙设备* */createBLEConnection(deviceId) {return },/***  第五步* 获取蓝牙所有服务*/getBLEDeviceServices() {return new Promise((reslove, reject) => {uni.getBLEDeviceServices({deviceId: this.deviceId,success: res => {console.log(res);reslove("[ok-5].获取蓝牙所有服务成功！")},fail: err => {reject(err)}})})},/***  第六步* 获取该蓝牙设备某个服务的特征*/getBLEDeviceCharacteristics() {return new Promise((reslove, reject) => {uni.getBLEDeviceCharacteristics({deviceId: this.deviceId,serviceId: this.serviceId,success: res => {console.log('getBLEDeviceCharacteristics success');console.log(res);let characteristics = res.characteristicsfor (let i = 0; i < characteristics.length; i++) {let item = characteristics[i]if (item.properties.write) {this.writeCharacteristicsId = item.uuid;}if (item.properties.notify || item.properties.indicate) {this.connectCharacteristicsId = item.uuid}}console.log(this.writeCharacteristicsId, this.connectCharacteristicsId);reslove("[ok-6].获取蓝牙下该服务的特征成功！")},fail: err => {console.log('getBLEDeviceCharacteristics fail',err);reject(err)}})})},/***  第七步* 启用低功耗蓝牙设备特征值变化时的 notify 功能，*/bleNotifyAndlisten() {return new Promise((reslove, reject) => {uni.notifyBLECharacteristicValueChange({state: true,deviceId: this.deviceId,serviceId: this.serviceId,characteristicId: this.connectCharacteristicsId,success: res => {console.log('notifyBLECharacteristicValueChange success', res);reslove("[ok-7]. notify 启动成功")},fail: err => {console.log('notifyBLECharacteristicValueChange err', err);reject(err)}})})},/***  第八步* 发起读数据请求  * 读取低功耗蓝牙设备的特征值的二进制数据值。注意：必须设备的特征值支持 read 才可以成功调用 */readBLECharacteristicValue() {console.log("第八步");uni.readBLECharacteristicValue({deviceId: this.deviceId,serviceId: this.serviceId,characteristicId: this.connectCharacteristicsId,success: (res) => {console.log('读取设备数据值成功');console.log(JSON.stringify(res));},fail: (res) => {console.log('读取设备数据值失败，错误码：' + res.errCode);// if (res.errCode !== 0) {// 	initTypes(e.errCode);// }}});//this.onBLECharacteristicValueChange();},/*** 第九步，解析数据* 监听低功耗蓝牙设备的特征值变化事件。必须先启用 notifyBLECharacteristicValueChange 接口才能接收到设备推送的 notification。* * */setOnBLECharacteristicValueChange() {let that = this// 必须在这里的回调才能获取uni.onBLECharacteristicValueChange((res) => {console.log("第九步");console.log('监听低功耗蓝牙设备的特征值变化事件成功');console.log(`characteristic ${res.characteristicId} has changed, now is ${JSON.stringify(res)}`);const unit8Array = new Uint8Array(res.value);// console.log("unit8Array: ", unit8Array);// 获取canvas绘图上下文// let heartRate = that.heartRateData;if (this.heartRateData.length >= 100) {this.heartRateData.shift();}this.heartRateData.push(unit8Array);// that.heartRateData = heartRate;console.log("----heartRate", this.heartRateData)console.log("length", this.heartRateData.length)this.macAddress = res.deviceId;this.macValue = this.ab2hex(res.value);this.valueChangeData.value = this.ab2hex(res.value);this.extraLine.push(this.macValue);this.valueChangeData = this.extraLine.join(' \n ');});},/*** 停止搜索蓝牙设备*/stopBluetoothDevicesDiscovery() {uni.stopBluetoothDevicesDiscovery({success: e => {},fail: e => {console.log('停止搜索蓝牙设备失败，错误码：' + e.errCode);}});},/*** 断开与低功耗蓝牙设备的连接*/closeBLEConnection() {uni.closeBLEConnection({deviceId:this.deviceId,success: res => {console.log(res);console.log('断开低功耗蓝牙成功:' + res.errMsg);this.$set(this.disabled, 1, false);this.$set(this.disabled, 3, true);this.$set(this.disabled, 4, true);this.$set(this.disabled, 5, true);this.$set(this.disabled, 6, true);this.$set(this.disabled, 7, true);this.$set(this.disabled, 8, true);this.$set(this.disabled, 9, true);this.equipment = [];this.servicesData = [];this.characteristicsData = [];},fail: e => {console.log('断开低功耗蓝牙成功，错误码：' + e.errCode);if (e.errCode !== 0) {initTypes(e.errCode);}}});},ab2hex(buffer) {const hexArr = Array.prototype.map.call(new Uint8Array(buffer),function(bit) {return ('00' + bit.toString(16)).slice(-2)})return hexArr.join('')},drawLine(ctx) {// num++;// console.log("----------------num",num)// 				const y = (Number(unit8Array[0]) + (Number(unit8Array[1])<<8) + (Number(unit8Array[2])<<16) + (Number(unit8Array[3])<<24));// 				console.log("----",y);// 			 // console.log("ctx: ", ctx);// 			 console.log("that.heartRateDat: ", heartRate);// 绘制波形图const width = 600;const height = 600;// 设置波形图样式ctx.setStrokeStyle('#F79A18');ctx.setLineWidth(3);ctx.setLineCap("round")ctx.clearRect(0, 0, width, height);// 清除Canvas并绘制新的波形图ctx.beginPath();ctx.moveTo(-10, 0); // 将起点移动到Canvas的中间位置for (let i = 0; i < this.heartRateData.length; i++) {const y = (Number(this.heartRateData[i][0]) + (Number(this.heartRateData[i][1]) << 8) + (Number(this.heartRateData[i][2]) << 16) + (Number(this.heartRateData[i][3]) << 24));ctx.lineTo(i * 5, -y / 260 + 250); // 将数据绘制 n 到Canvas上，放大50倍以适应Canvas高度}ctx.stroke();ctx.draw();},/***     断开蓝牙模块          */closeBluetoothAdapter(OBJECT) {uni.closeBluetoothAdapter({success: res => {console.log('断开蓝牙模块成功');this.isStop = true;this.$set(this.disabled, 0, false);this.$set(this.disabled, 1, true);this.$set(this.disabled, 2, true);this.$set(this.disabled, 3, true);this.$set(this.disabled, 4, true);this.$set(this.disabled, 5, true);this.$set(this.disabled, 6, true);this.$set(this.disabled, 7, true);this.$set(this.disabled, 8, true);this.$set(this.disabled, 9, true);this.$set(this.disabled, 10, true);this.equipment = [];this.servicesData = [];this.characteristicsData = [];this.valueChangeData = {};this.adapterState = [];this.searchLoad = false;toast('断开蓝牙模块');}});}}};/*** 判断初始化蓝牙状态*/function initTypes(code, errMsg) {switch (code) {case 10000:toast('未初始化蓝牙适配器');break;case 10001:toast('未检测到蓝牙，请打开蓝牙重试！');break;case 10002:toast('没有找到指定设备');break;case 10003:toast('连接失败');break;case 10004:toast('没有找到指定服务');break;case 10005:toast('没有找到指定特征值');break;case 10006:toast('当前连接已断开');break;case 10007:toast('当前特征值不支持此操作');break;case 10008:toast('其余所有系统上报的异常');break;case 10009:toast('Android 系统特有，系统版本低于 4.3 不支持 BLE');break;default:toast(errMsg);}}/*** 弹出框封装    */function toast(content, showCancel = false) {uni.showModal({title: '提示',content,showCancel});}
</script><style>.uni-title {/* width: 100%; *//* height: 80rpx; */text-align: center;}.displayarea {}.uni-mask {position: fixed;top: 0;left: 0;bottom: 0;display: flex;align-items: center;width: 100%;background: rgba(0, 0, 0, 0.6);padding: 0 30rpx;box-sizing: border-box;}.uni-scroll_box {height: 70%;background: #fff;border-radius: 20rpx;}.uni-list-box {margin: 0 20rpx;padding: 15rpx 0;border-bottom: 1px #f5f5f5 solid;box-sizing: border-box;}.uni-list:last-child {border: none;}.uni-list_name {font-size: 30rpx;color: #333;white-space: pre-wrap;}.uni-list_item {font-size: 24rpx;color: #555;line-height: 1.5;}.uni-success_box {position: absolute;left: 0;bottom: 0;min-height: 100rpx;width: 100%;background: #fff;box-sizing: border-box;border-top: 1px #eee solid;}.uni-success_sub {/* width: 100%%; */height: 100rpx;display: flex;justify-content: space-between;align-items: center;padding: 0 30rpx;}.uni-close_button {padding: 0 20rpx;height: 60rpx;line-height: 60rpx;background: #ce3c39;color: #ffffff;border-radius: 10rpx;}.uni-success_content {height: 600rpx;margin: 30rpx;margin-top: 0;border: 1px #eee solid;padding: 30rpx;}.uni-content_list {padding-bottom: 10rpx;border-bottom: 1px #f5f5f5 solid;}.uni-tips {text-align: center;font-size: 24rpx;color: #666;}.heartrate {width: 200rpx;height: 150rpx;line-height: 150rpx;background-color: #ce3c39;border: 0;color: #fff;}
</style>

我这里是直接拿设备的名称和uuid，因考虑到用户大多数为中老年人，实现一键自动连接完全很有必要（只是自己的一些看法，这个还是得根据需求来）只不过我们的需求是这样的，如果有更好的方法请大家多多评论！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/18613.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【管理咨询宝藏118】集团公司人力资源共享服务中心建设方案

【管理咨询宝藏118】集团公司人力资源共享服务中心建设方案

本报告首发于公号“管理咨询宝藏”&#xff0c;如需阅读完整版报告内容&#xff0c;请查阅公号“管理咨询宝藏”。 【管理咨询宝藏118】集团公司人力资源共享服务中心建设方案 【格式】PDF版本 【关键词】人力资源、共享服务、顶级咨询 【核心观点】 - 本项目立足集团公司的人…
阅读更多...
学生信息管理系统(静态版)

学生信息管理系统(静态版)

系统的主界面 系统的操作指令 结构体的创建 目录 1、学生信息的输入 2、学生信息的添加 3、学生信息的删除 4、学生信息的查找&#xff0c;找到并显示 *判断查找函数3和4和5共用 5、学生信息的修改 6、显示学生的信息 7、学生成绩的排序,并打印(代码中有快排和冒…
阅读更多...
智慧冶金：TSINGSEE青犀AI+视频技术助力打造高效、安全的生产环境

智慧冶金：TSINGSEE青犀AI+视频技术助力打造高效、安全的生产环境

一、建设背景 冶金行业因其特殊的生产环境和工艺要求&#xff0c;对安全生产、环境保护以及质量监控等方面有着极高的要求。因此&#xff0c;将视频智能监控技术引入冶金行业&#xff0c;不仅有助于提升生产效率&#xff0c;更能有效保障生产安全&#xff0c;降低事故风险。 …
阅读更多...
Python + adb 实现打电话功能

Python + adb 实现打电话功能

前言 其实很多年前写过一篇python打电话的功能&#xff0c;链接如下&#xff1a; Python twilio 实现打电话和发短信功能_自动发短信代码-CSDN博客 今天由于工作需要&#xff0c;又用python写了个关于打电话的小工具&#xff0c;主要是通过ADB方式实现的 实现过程 1.先利用…
阅读更多...
计算机图形学入门02：线性代数基础

计算机图形学入门02：线性代数基础

1.向量&#xff08;Vetors&#xff09; 向量表示一个方向&#xff0c;还能表示长度&#xff08;向量的摸&#xff09;。一般使用单位向量表示方向。 向量加减&#xff1a;平行四边形法则、三角形法则。比卡尔坐标系描述向量&#xff0c;坐标直接相加。 1.1向量点乘&#xff08;…
阅读更多...
图片怎么批量重命名从1到50？这3个方法一键改名

图片怎么批量重命名从1到50？这3个方法一键改名

图片怎么批量重命名从1到50&#xff1f;图片批量重命名从1到50的过程不仅提高了我们处理大量图片文件的效率&#xff0c;还大大简化了命名过程&#xff0c;让我们能更加有条理地管理和存储图片。通过使用各种专业的工具和方法&#xff0c;我们可以轻松实现图片文件的自动化命名…
阅读更多...
光纤网络发展（光缆主动监测系统解决方案）

光纤网络发展（光缆主动监测系统解决方案）

随着光缆网络规模的迅速扩大&#xff0c;如何提高网络运营效益就显得尤为重要。一方面需要及时掌握网络的运行状况&#xff0c;在发生劣化或故障时&#xff0c;能够准确定位&#xff0c;缩短排障历时&#xff1b;同时&#xff0c;一条光缆从设计、施工到维护&#xff0c;积累了…
阅读更多...
聊聊异常处理及try-catch-finally块的作用

聊聊异常处理及try-catch-finally块的作用

异常处理&#xff08;Exceptional Handling&#xff09;&#xff0c;又称为错误处理&#xff0c;是编程语言或计算机硬件中用于处理软件或信息系统中出现的异常状况的一种机制。这些异常状况通常指的是超出程序正常执行流程的某些特殊条件。异常处理提供了处理程序运行时出现的…
阅读更多...
服务器上创建搭建gitlab

服务器上创建搭建gitlab

一、下载与安装 在主目录操作~ 1.使用wget下载 wget --no-check-certificate https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/gitlab-ce-14.0.1-ce.0.el7.x86_64.rpm 可以在开源软件镜像站选择合适的版本&#xff0c;版本不同页面菜单会稍有差异&#xff0c;此次选…
阅读更多...
新人学习笔记之（函数1）

新人学习笔记之（函数1）

一、函数的概念 1.在JS里面&#xff0c;可能会定义非常多的相同代码或者功能相似的代码&#xff0c;这些代码可能需要大量重复使用 2.虽然for循环语句也能实现一些简单的重复操作&#xff0c;但是比较有局限性&#xff0c;此时我们就可以使用JS中的函数 3.函数&#xff1a;就是…
阅读更多...
MongoDB CRUD操作：投影Project详解

MongoDB CRUD操作：投影Project详解

MongoDB CRUD操作&#xff1a;投影Project详解 文章目录 MongoDB CRUD操作&#xff1a;投影Project详解返回文档的全部字段返回指定的字段和_id字段不输出_id字段指定排除的字段返回内嵌文档中的指定字段禁止内嵌文档中的特定字段数组中内嵌文档的投影聚合表达式的投影字段 默认…
阅读更多...
拉取代码报错: SSL certificate problem: self signed certificate

拉取代码报错: SSL certificate problem: self signed certificate

问题描述&#xff1a; 使用SmartGit工具clone项目时&#xff0c;弹出框提示信息为“XXXX&#xff0c;SSL certificate problem: self signed certificate” 问题分析&#xff1a; 提示信息为SSL认证失败&#xff0c;可以关闭SSL的认证 解决方案&#xff1a; 在windows的命…
阅读更多...
【Git】Git命令

【Git】Git命令

原文链接&#xff1a;https://github.com/Wscats/CV/issues/31 新建 创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中 # 初始化当前项目 $ git init# 新建一个目录&#xff0c;将其初始化为Git代码库 $ git init [project-name]# 在指定目录创…
阅读更多...
go mod包管理与应用，常见错误排查方法

go mod包管理与应用，常见错误排查方法

go mod包管理 go 中 包管理使用go mod 进行包管理 go mod init 项目名称 go mod init myproject_go生成的go.mod中有 module myproject_go 创建目录go_service 其下有两个go文件&#xff0c;go_request.go go_write.go . 根目录下有main.go入口文件。于是项目结构类似于&…
阅读更多...
10.时间片调度

10.时间片调度

一、简介 时间片调度主要针对优先级相同的任务&#xff0c;当多个任务的优先级相同时&#xff0c;任务调度器会在每 一次系统时钟节拍到的时候切换任务&#xff0c;也就是说 CPU 轮流运行优先级相同的任务&#xff0c;每个任务运 行的时间就是一个系统时钟节拍。 二、相关实…
阅读更多...
Percona Toolkit 神器全攻略（实用类）

Percona Toolkit 神器全攻略（实用类）

Percona Toolkit 神器全攻略&#xff08;实用类&#xff09; Percona Toolkit 神器全攻略系列共八篇&#xff0c;前文回顾&#xff1a; 前文回顾Percona Toolkit 神器全攻略 全文约定&#xff1a;$为命令提示符、greatsql>为GreatSQL数据库提示符。在后续阅读中&#xff0c;…
阅读更多...
Linux完整版命令大全（十四）

Linux完整版命令大全（十四）

od(octal dump) 功能说明&#xff1a;输出文件内容。语　　法&#xff1a;od [-abcdfhilovx][-A <字码基数>][-j <字符数目>][-N <字符数目>][-s <字符串字符数>][-t <输出格式>][-w <每列字符数>][--help][--version][文件...]补充说明&…
阅读更多...
【吊打面试官系列】Java高并发篇 - 怎么唤醒一个阻塞的线程？

【吊打面试官系列】Java高并发篇 - 怎么唤醒一个阻塞的线程？

大家好&#xff0c;我是锋哥。今天分享关于 【怎么唤醒一个阻塞的线程&#xff1f;】面试题&#xff0c;希望对大家有帮助&#xff1b; 怎么唤醒一个阻塞的线程&#xff1f; 如果线程是因为调用了 wait()、sleep()或者 join()方法而导致的阻塞&#xff0c;可以中断线程&#xf…
阅读更多...
2024年618网购节各大电商超级红包二维码集合

2024年618网购节各大电商超级红包二维码集合

一年一度的电商618网购节又要来了&#xff0c;下面收集了淘宝/京东/拼多多的618红包二维码&#xff0c;手机扫描或识别即可每天领红包&#xff0c;可参考好物分享中的商品下单&#xff1a; 淘宝618超级红包&#xff1a;即日起至2024.6.10&#xff0c;每天可领一次 京东618无门…
阅读更多...
【强化学习05】从Q学习到深度Q学习

【强化学习05】从Q学习到深度Q学习

深度Q学习&#xff08;Deep Q-Learning, DQN&#xff09;是将深度学习与Q学习结合起来的一种强化学习方法&#xff0c;利用神经网络来近似Q值函数&#xff0c;解决传统Q学习在大规模或连续状态空间中的局限性。下面详细解释DQN的机理。 背景知识 Q学习 Q学习是一种值函数法&…
阅读更多...
最新文章

Copyright @ 2022~2023