uniapp 小程序 蓝牙 兼容Android和IOS 微信小程序和支付宝小程序

已于 2024-07-10 08:48:20 修改
阅读量346 收藏 1
点赞数 2
文章标签： 小程序 uni-app android
于 2024-03-27 16:31:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50236740/article/details/137081671
版权
本文介绍了在微信小程序中使用JavaScript操作手机蓝牙的功能，包括检测蓝牙状态、搜索设备、连接设备、获取服务ID和特征ID、监听和写入数据以及断开连接的详细步骤。
摘要由CSDN通过智能技术生成

ly.js

// import { TextDecoder } from 'text-encoding-utf-8';
let bluetoothOpen = false; // 手机蓝牙是否打开
let bluetoothConnect = false; // 设备和蓝牙是否连接
let isHaveDevice = false; // 是否查找到设备
let deviceId = null; // 设备id
let serviceId = null; // 服务id
let notify = null; // 监听uuid
let writeId = null; // 写入uuid
let timer = null
let time = 0 //时间
/**
 * 获取手机蓝牙是否打开
 */
const getBluetoothState = () => {
	// 主机模式
	return new Promise((resolve, reject) => {
		// mode: 'central',
		uni.openBluetoothAdapter({
			success: (r) => {
				console.log("蓝牙初始化成功");
				// 获取蓝牙的匹配状态
				uni.getBluetoothAdapterState({
					success: function(row) {
						console.log('蓝牙状态：', row.available);
						if (row.available) {
							bluetoothOpen = true;
							getLocation().then(res => {
								console.log('4444');
								resolve();
							}).catch(err => {

								bluetoothOpen = false;
								bluetoothConnect = false;
								reject();
							})

						} else {
							// 请开启蓝牙
							uni.showToast({
								title: '请打开蓝牙',
								icon: 'none'
							})
							bluetoothOpen = false;
							bluetoothConnect = false;

							reject();
						}
					},
					fail: function(err) {
						// 请开启蓝牙
						uni.showToast({
							title: '请打开蓝牙',
							icon: 'none'
						})
						bluetoothOpen = false;
						bluetoothConnect = false;
						reject();
					}
				})
			},
			fail: (err) => {
				// 请开启蓝牙
				console.log('蓝牙初始化失败', err);
				if (err.errno == 103) {
					uni.showModal({
						title: '温馨提示',
						content: '您已拒绝授权，是否去设置打开？',
						confirmText: "确认",
						cancelText: "取消",
						success: function(res) {
							// console.log(res);
							if (res.confirm) {
								uni.openSetting({
									success: (res) => {
										console.log(res, '设置');
										// res.authSetting[scope] = true
										// resolve()
									}
								});
							}
						},

					});
				} else if (err.errCode == 10001) {

					uni.showToast({
						title: '请前往手机设置，打开此APP蓝牙权限',
						icon: 'none'
					})

				} else {
					uni.showToast({
						title: '请打开手机蓝牙',
						icon: 'none'
					})
				}
				bluetoothOpen = false;
				bluetoothConnect = false;
				reject();
			}
		});
	});
};
/**
 * 开始搜索蓝牙设备
 */
const discoveryBluetooth = () => {
	return new Promise((resolve) => {
		uni.startBluetoothDevicesDiscovery({
			success(res) {
				console.log('搜索蓝牙外围设备完成', res)

				setTimeout(() => {
					resolve();
				}, 2000);
			}
		});
	})
};
// 关闭蓝牙搜索
const stopDiscoveryBluetooth = () => {
	uni.stopBluetoothDevicesDiscovery({
		success(r) {
			console.log("停止搜索蓝牙设备", r);
		}
	});
};




/**
 * 获取搜索到的设备信息
 */
const getBluetoothDevices = (deviceName) => {
	return new Promise((resolve, reject) => {
		uni.getBluetoothDevices({
			success(res) {
				console.log('获取搜索到的设备信息', res.devices);
				bluetoothConnect = false;
				// 过滤掉name为空或者未知设备的设备
				let devices = res.devices.filter(function(obj) {
					return obj.name !== "" && obj.name !== "未知设备"
				});
				console.log('有名称蓝牙列表', devices, deviceName);
				devices && devices.forEach(item => {
					if (item.name == deviceName || item.localName == deviceName) {
						deviceId = item.deviceId;
						isHaveDevice = true;
						resolve(isHaveDevice);
						console.log('设备ID', deviceId, item);
					}
				});
				timer = setInterval(() => {
					time++
					if (!deviceId) {
						discoveryBluetooth().then(
							getBluetoothDevices2(deviceName).then(res => {
								isHaveDevice = true;
								resolve(res);
							})
						)
					} else {
						clearInterval(timer)
						timer = null
					}
					if (time == 30) {
						clearInterval(timer)
						timer = null
						reject()
					}

				}, 1000)

			},
			fail: function() {
				console.log('搜索蓝牙设备失败');
				bluetoothConnect = false;
				isHaveDevice = false;
				reject(isHaveDevice);
			}

		});
	});
}
const getBluetoothDevices2 = (deviceName) => {
	return new Promise((resolve, reject) => {
		uni.getBluetoothDevices({
			success(res) {
				console.log('获取搜索到的设备信息', res.devices);

				bluetoothConnect = false;
				// 过滤掉name为空或者未知设备的设备
				let devices = res.devices.filter(function(obj) {
					return obj.name !== "" && obj.name !== "未知设备"
				});
				console.log('有名称蓝牙列表', devices, deviceName);
				devices && devices.forEach(item => {
					if (item.name == deviceName || item.localName == deviceName) {
						deviceId = item.deviceId;
						isHaveDevice = true;
						clearInterval(timer)
						timer = null
						resolve(isHaveDevice);
						console.log('设备ID', deviceId, item);
					}
				});




			},
			fail: function() {
				console.log('搜索蓝牙设备失败');
				bluetoothConnect = false;
				isHaveDevice = false;
				reject(isHaveDevice);
			}

		});
	});
}
/**
 * 连接蓝牙
 * deviceId 蓝牙设备id
 */
const connectBluetooth = () => {
	return new Promise((resolve, reject) => {
		uni.createBLEConnection({
			deviceId: deviceId, // 设备id
			success() {
				bluetoothConnect = true;
				console.log('连接蓝牙成功', deviceId);
				// 蓝牙连接成功后关闭蓝牙搜索
				stopDiscoveryBluetooth();
				// 获取服务id
				getServiceId();
				setTimeout(() => {
					resolve();
				})
			},
			fail(err) {
				bluetoothConnect = false;
				console.log("蓝牙连接失败", err);
				reject();
			}
		});
	});
};
// 获取服务id
const getServiceId = () => {
	uni.getBLEDeviceServices({
		deviceId: deviceId,
		success(res) {
			console.log(res.services, '服务id成功');
			// 方案一
			res.services.forEach(item => {
				let firstFive = ''
				// // #ifdef MP-WEIXIN
				// firstFive = item.uuid.substring(0, 8);
				// // #endif
				// // #ifdef MP-ALIPAY
				// firstFive = item.uuid.substring(0, 4);
				// // #endif
				firstFive = item.uuid.substring(0, 8);
				var FFF0 = /fff0/i;
				console.log(firstFive, 'firstFive');
				if (FFF0.test(firstFive)) {
					serviceId = item.uuid;
					// 调用蓝牙监听和写入功能
					getCharacteId();
				}
			});


			// 方案二
			// let model = res.services[0];
			// serviceId = model.uuid;
			// console.log(res, '服务id成功', serviceId);
			// // 调用蓝牙监听和写入功能
			// getCharacteId();
		},
		fail(err) {
			console.log('获取服务失败', err);
		}
	})
};
// 获取蓝牙低功耗设备某个服务中所有特征
const getCharacteId = () => {
	uni.getBLEDeviceCharacteristics({
		deviceId: deviceId, // 蓝牙设备id
		serviceId: serviceId, // 蓝牙服务UUID
		success(res) {
			console.log('数据监听', res);
			res.characteristics.forEach(item => {
				let firstFive = ''
				// #ifdef MP-WEIXIN
				firstFive = item.uuid.substring(0, 8);
				// #endif
				// #ifdef MP-ALIPAY
				firstFive = item.characteristicId.substring(0, 8);
				// #endif

				console.log(firstFive, 'firstFive');
				var FFF1 = /fff1/i;
				var FFF2 = /fff2/i;

				// 001
				if (item.properties.notify === true && FFF1.test(firstFive)) {
					// 监听
					// 微信
					// #ifdef MP-WEIXIN
					notify = item.uuid;
					// #endif

					//支付宝
					// #ifdef MP-ALIPAY
					notify = item.characteristicId;
					// #endif
					startNotice();
				}
				// 002
				if (item.properties.write === true && FFF2.test(firstFive)) {
					// 写入 
					// 微信
					// #ifdef MP-WEIXIN
					let writeId = item.uuid;
					uni.setStorageSync("writeId", item.uuid);

					// #endif

					//支付宝
					// #ifdef MP-ALIPAY
					let writeId = item.serviceId;
					uni.setStorageSync("writeId", item.characteristicId);
					// #endif


				}
			});
		},
		fail(err) {
			console.log("数据监听失败", err)
		}
	})
};
// 启用低功耗蓝牙设备特征值变化时的notify功能
const startNotice = () => {
	uni.notifyBLECharacteristicValueChange({
		characteristicId: notify,
		deviceId: deviceId,
		serviceId: serviceId,
		state: true,
		success(res) {
			// 监听低功耗蓝牙设备的特征值变化
			uni.onBLECharacteristicValueChange(result => {
				console.log("监听低功耗蓝牙设备的特征值变化", result);
				if (result.value) {
					// let decoder = new TextDecoder('utf-8');
					// let data = decoder.decode(result.value);
					// let data = result.value;
					console.log('帽子返回数据', result)
				}
			})
		}
	});
};


// 蓝牙发送数据
const writeData = (buffer) => {
	return new Promise((resolve, reject) => {
		console.log(uni.getStorageSync("writeId"), '下发命令1writeId');
		console.log(deviceId, '下发命令2deviceId');
		console.log(serviceId, '下发命令3serviceId');
		console.log(buffer, '下发命令4buffer');

		uni.writeBLECharacteristicValue({
			characteristicId: uni.getStorageSync("writeId"),
			deviceId: deviceId,
			serviceId: serviceId,
			value: buffer,
			success(res) {
				console.log("writeBLECharacteristicValue success", res);
				resolve();
			},
			fail(err) {
				console.log("报错了", err);
				reject();
			}
		});
	});
};

// 断开蓝牙
const closeBlec = () => {
	return new Promise((resolve, reject) => {
		uni.closeBLEConnection({
			deviceId: deviceId,
			success(res) {
				resolve();
				console.log(res, '断开成功')
			},
			fail(err) {
				reject();
				console.log("断开失败", err);
			}
		})
	})

}

const BLECStateChange = () => {
	return new Promise((resolve, reject) => {
		uni.onBLEConnectionStateChange(function(res) {
			// 该方法回调中可以用于处理连接意外断开等异常情况
			console.log(
				`device ${res.deviceId} state has changed, connected: ${res.connected}`)
			return resolve(res)

		})
	})

}



/*设置蓝牙搜索时间30秒, 如果超时没有搜索到就停止搜索*/
const connectTimeout = () => {
	setTimeout(() => {
		if (!bluetoothConnect) {
			clearInterval(timer)
			timer = null
			uni.stopBluetoothDevicesDiscovery({
				success: (res) => {
					console.log("停止搜索成功")
				}

			})
			uni.showToast({
				title: '蓝牙连接失败',
				icon: 'none'
			})
		}
	}, 30000)

}

const getLocation = () => {
	return new Promise((resolve, reject) => {
		uni.getSystemInfo({
			success: function(info) {
				console.log('手机', info);
				if (info.platform == 'android') {
					// 安卓手机
					console.log('1111');
					if (info.locationEnabled) {
						if (info.locationAuthorized) {
							time = 0
							connectTimeout()
							resolve()
						} else {
							// #ifdef MP-WEIXIN
							uni.showToast({
								title: '请打开微信定位权限',
								icon: 'none'
							})
							// #endif
							// #ifdef MP-ALIPAY
							uni.showToast({
								title: '请打开支付宝定位权限',
								icon: 'none'
							})
							// #endif
							reject()
						}

					} else {
						console.log('333');
						uni.showToast({
							title: '请打开手机定位权限',
							icon: 'none'
						})
						reject()
					}

				} else {
					// 非安卓手机
					time = 0
					connectTimeout()
					console.log('非安卓手机');
					resolve()
				}
			}
		});
	})

}


// closeBLEConnection  deviceId  断开蓝牙
export default {
	getBluetoothState,
	discoveryBluetooth,
	stopDiscoveryBluetooth,
	getBluetoothDevices,
	connectBluetooth,
	getServiceId,
	getCharacteId,
	startNotice,
	writeData,
	closeBlec,
	BLECStateChange
};

android\ios项目用微信小程序蓝牙
11-29
项目用微信小程序蓝牙通信客户端兼容苹果客户端及安卓客户端。
支付宝微信小程序连接蓝牙兼容IOS和安卓（开源）
09-06
最近被支付宝的蓝牙和IOS的蓝牙整破防了，太多兼容性问题，磕磕绊绊终于把支付宝小程序和微信小程序的蓝牙问题给解决了。该方案完美解决 1. 安卓微信小程序 2. IOS微信小程序 3. 安卓支付宝小程序 4. IOS支付宝小程序 全型号蓝牙来凝结问题
uniapp通过蓝牙传输数据 （安卓和ios）
Lilyxu1111的博客
12-28 1442
使用uniapp自带的低功耗蓝牙传数据，安卓最好不能超过20个字节（ios可以不限制字节大小），我传的数据较长，有几千个字节，ios倒是能一下就传过去，挺省事的。主要是安卓，非要用uniapp低功耗蓝牙传的话需要循环调用writeBLECharacteristicValue写入数据，要二十几秒才能传完，时间太长了。所以优化只能选择经典蓝牙。，（ios不支持经典蓝牙，所以如果是ios系统就用低功耗蓝牙，安卓系统就用经典蓝牙）我试了插件市场上面的很多经典蓝牙，选择了。
uniapp 报错referenceerror textencoder is not defined
最新发布
m0_71371266的博客
09-03 647
我是在uniapp引入qrcode的时候出现的问题，在小程序运行或者h5运行时都没有问题，但是真机运行就会报错。解决方法如下：引入text-decoding。main.js全局引入。
微信小程序蓝牙连接（uniapp版本）
weixin_44705979的博客
08-14 1006
1.安卓和ios差异 微信小程序项目是扫码获取蓝牙连接设备的信息，可以拿到设备的deviceId,但是安卓和IOS的deviceId格式不一样，最好是通过蓝牙名字查 询获取deviceId 2.代码
uniapp-ios支付
weixin_60020621的博客
05-07 4213
uniapp安卓包中的微信,支付宝逻辑放在iOS测试包中也能使用.但询问iOS开发者后得知,有支付相关功能的app要上架苹果,必须先有苹果支付,不然苹果审核不给过.甚至没有支付逻辑,但打包时有支付相关的SDK也不行,苹果会认为你偷偷做了支付逻辑,想要绕开他.
uni-app微信小程序如何开发蓝牙功能
您的博客
11-14 3227
uni-app小程序中开发蓝牙功能，uni-app微信小程序对接蓝牙功能，微信小程序开发蓝牙功能，支付宝小程序开发蓝牙功能。
微信小程序 android和ios端实现蓝牙官播数据发送
03-05
微信小程序在Android和iOS端实现蓝牙广播数据发送是一项技术挑战，因为这两个平台的蓝牙API有其独特性。本文将深入探讨如何在微信小程序环境中，针对Android和iOS平台，有效地发送自定义蓝牙广播数据，以及这一技术...
uniapp商城项目，可同时生成app，微信小程序，h5等多端，兼容android,ios、微信小程序、h5
06-19
* 兼容android,ios、微信小程序、h5 * 已完成页面：首页、分类页、购物车页、发现页、我的页、评论（列表页、新增页、追评页、评价物流页、详情页）、地址（列表页、新增暨修改页、国家地区选择页）、设置、商品...
uniapp 小程序 蓝牙
weixin_45096326的博客
11-13 107
uniapp 小程序的蓝牙功能。
uniapp：蓝牙功能权限及开关检查
mosowe
08-29 1807
判断蓝牙开关是否开启并在当前页开启蓝牙，无需跳转设置页
记录--『uni-app、小程序』蓝牙连接、读写数据全过程
林恒的博客
02-15 4791
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本文简介 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发，以手机app的方式运行(微信小程序同样可行)。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ，和微信小程序提供的 api 是一样的，所以本文的讲解也适用于微信小程序。 本文只实现 蓝牙收发数据 功能，至于样式...
UNIAPP 申请蓝牙连接权限 适配 Android12、鸿蒙 系统
xxjiangxx的专栏
10-26 3974
UNIAPP Android12 蓝牙权限
解决uniapp微信小程序Android与iOS系统获取蓝牙广播包中deviceid不同的办法
china-quanda
06-12 2175
作者在开发一款共享干衣机小程序，用的是`uniapp`框架进行开发的，开发期间时遇到了 苹果(ios) 和 安卓(android)手机 获取到的 `deviceId(mac)`地址不一致问题
微信小程序蓝牙连接 uniApp蓝牙连接设备
weixin_47756693的博客
11-22 1662
微信小程序蓝牙连接设备，uniApp蓝牙连接设备
微信小程序开发之IOS和Android兼容的问题
08-29
微信小程序开发在不同移动设备平台如IOS和Android上运行时，开发者常常会遇到一些兼容性问题。针对IOS和Android平台的兼容性问题，主要可以从以下几个方面进行理解和解决。 一、时间转换问题： 时间格式化是大多数...
uniapp 微信小程序 兼容适配 android 与 ios
qq_42822054的博客
03-02 3383
通过uni.getSystemInfoSync().platform进行判断，并在相应界面做不同处理 switch (uni.getSystemInfoSync().platform) { case 'android': break; case 'ios': break; }
ios判断蓝牙是否开启
pzh的学习之路
03-24 6589
在做ibeacon 模块时，首先要判断蓝牙时候开着。那么问题来了，怎么样用代码判断蓝牙开着呢？ 查了API，发现CBCentralManager可以实现。首先要完成协议 CBCentralManagerDelegate@property CBCentralManager *centralManager;self.centralManager = [[CBCentralManager alloc]
uniapp微信小程序蓝牙连接与设备数据对接
weixin_44242600的博客
10-07 3642
蓝牙连接并通信方法封装大致步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值