view

<u-navbar :is-back="true" title="设备" :background="background" title-color="#FFFFFF" back-icon-color="#FFFFFF":border-bottom="false"></u-navbar><button class='button' hover-class="hover" @click="startSearch" :loading='isScanning'> 搜索蓝牙设备 </button><scroll-view class="device_list" scroll-y scroll-with-animation><view v-for="(item,index) in list" :data-title="item.deviceId" :data-name="item.name":data-advertisData="item.advertisServiceUUIDs" :key="item.deviceId" @click="bindViewTap" class="item"hover-class="item_hover"><view style="font-size: 16px; color: #333;">{{item.name}}</view><view style="font-size: 16px; color: #333;">{{item.deviceId}}</view><view style="font-size: 10px">信号强度: {{item.RSSI}}dBm</view></view></scroll-view>

script

export default {data() {return {background: {backgroundColor: '#60BFAC',},list: [],services: [],serviceId: 0,writeCharacter: false,readCharacter: false,notifyCharacter: false,isScanning: false,isOpenBle: false,deviceId: '',globalData: {userInfo: null,platform: "",sysinfo: '',screenWidth: wx.getSystemInfoSync().screenWidth,screenHeight: wx.getSystemInfoSync().screenHeight,},BLEInformation: {platform: "",deviceId: "",writeCharaterId: "",writeServiceId: "",notifyCharaterId: "",notifyServiceId: "",readCharaterId: "",readServiceId: "",}}},onLoad() {//获取手机型号model,微信版本号version，操作系统版本system，客户端平台platform，客户端基础库版本SDKVersionthis.globalData.sysinfo = uni.getSystemInfoSync();console.log(this.globalData);//在页面加载时候初始化蓝牙适配器uni.openBluetoothAdapter({success: e => {console.log('初始化蓝牙成功:' + e.errMsg);this.isOpenBle = true;console.log(this.isOpenBle);// 初始化完毕开始搜索this.startBluetoothDeviceDiscovery()},fail: e => {console.log('初始化蓝牙失败，错误码：' + (e.errCode || e.errMsg));wx.showModal({title: '提示',content: '蓝牙初始化失败，请到设置打开蓝牙',showCancel: false})}});},methods: {startBluetoothDeviceDiscovery() {//在页面显示的时候判断是都已经初始化完成蓝牙适配器若成功，则开始查找设备let self = this;setTimeout(function() {if (self.isOpenBle) {console.log("开始搜寻智能设备");uni.startBluetoothDevicesDiscovery({success: res => {self.onBluetoothDeviceFound();},fail: res => {console.log("查找设备失败!");uni.showToast({icon: "none",title: "查找设备失败！",duration: 3000})}});} else {console.log("未初始化蓝牙是配饰器：" + self.isOpenBle);}}, 300);},/*** 停止搜索蓝牙设备*/stopBluetoothDevicesDiscovery() {uni.stopBluetoothDevicesDiscovery({success: e => {console.log('停止搜索蓝牙设备:' + e.errMsg);},fail: e => {console.log('停止搜索蓝牙设备失败，错误码：' + e.errCode);}});},/*** 发现外围设备*/onBluetoothDeviceFound() {console.log("监听寻找新设备");// this.getBluetoothDevices();uni.onBluetoothDeviceFound(devices => {console.log('开始监听寻找到新设备的事件');this.getBluetoothDevices();});},/*** 获取在蓝牙模块生效期间所有已发现的蓝牙设备。包括已经和本机处于连接状态的设备。*/getBluetoothDevices() {console.log("获取蓝牙设备");uni.getBluetoothDevices({success: res => {console.log('获取蓝牙设备成功:' + res.errMsg);console.log(res)var devices = [];var num = 0;for (var i = 0; i < res.devices.length; i++) {if (res.devices[i].name != "未知设备") {devices[num] = res.devices[i]num++}}this.list = devices;}});},}}

style

.button {margin-top: 20px;width: 90%;background-color: #60BFAC;color: white;border-radius: 98rpx;}.device_list {height: auto;margin-left: 20px;margin-right: 20px;margin-top: 10px;margin-bottom: 20px;border: 1px solid #EEE;border-radius: 5px;width: auto;}.td {display: flex;align-items: center;justify-content: center;margin-top: 10px;}/* .item {padding-top: 10px;padding-bottom: 10px;height: 130rpx;width: 100%;} */.item {display: block;/* font-family:  Arial, Helvetica, sans-serif;font-size:14px;margin: 0 10px;margin-top:10px;margin-bottom: 10px;background-color:#FFA850; border-radius: 5px;border-bottom: 2px solid #68BAEA; */border-bottom: 1px solid #EEE;padding: 4px;color: #666;}.item_hover {background-color: rgba(0, 0, 0, .1);}.block {display: block;color: #ffffff;padding: 5px;}

uniapp/微信小程序获取蓝牙设备相关推荐

uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段我们在用 uni-app 开发微信小程序时, ...
uni-app微信小程序获取手机号；微信小程序获取手机号，获取到后需要进行解密；微信小程序获取手机号失败 Error：该appId没有权限
方法1.uni-app登录加获取手机号解密-直接看此篇即可解决微信小程序获取手机号注意点: 1.需要先登录,微信小程序登录看这篇 2.手机号获取到时加密的,需要后端解密或者前端自己解密(解密时候就会 ...
uniapp微信小程序获取屏幕宽高
uniapp开发微信小程序的时候,有时候去调整样式你需要适配各种手机屏幕,使用,你的样式宽高就不能使用rpx 有的朋友觉得可以使用vw vh % 是的,当然可以但是要让你的元素,宽高,比如 ...
uni-app微信小程序生成自定义参数二维码，跳转小程序指定页面，获取参数；uni-app微信小程序获取二维码自定义参数；微信小程序生成动态参数二维码；uni-app微信小程序获取动态参数二维码；
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...
uniapp微信小程序获取定位（通过经纬度获取地址）
项目要求首页有个定位功能,但是uni.getLocation在小程序端只能获取到经纬度,拿不到地址 uniapp官网有说明这点:uni.getLocation(OBJECT) | uni-app官网 ...
uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现
1.调用接口,官网文档是这样写的 uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度:' + re ...
uniapp 微信小程序获取refs是空对象
除加载时机问题.(大前提,DOM加载完成后之类的排除) this.$nextTick(()=>{this.methods(); }) 一般包裹this.nextTick就可以解决.但是由于微 ...
uniapp 微信小程序获取用户信息、手机号
<template><view><view><button type="primary ...
uniapp微信小程序获取位置（高德SDK）
效果图: 在uniapp官网给出了一个全局api用来获取用户位置 uni.getLocation 成功的回调函数会返回相关的用户信息但是仔细参考,就会发现就address参数返回的很直接,但是也仅限 ...

uniapp/微信小程序获取蓝牙设备

uniapp/微信小程序获取蓝牙设备

view

script

style

uniapp/微信小程序获取蓝牙设备相关推荐

最新文章

热门文章