我使用的uni-app
<template>
<view class="bluetooth">
<!-- 发送数据 -->
<view class="send" v-if="send_data_onoff">
<view class="uni-textarea">
<textarea placeholder-style="color:#F76260" v-model="send_data_list" placeholder="请输入发送数据"/>
<view @tap="send_data" class="fasong">发送</view>
</view>
</view>
<!-- 没有匹配的蓝牙设备 -->
<view class="no_match_bluetooth_list" v-if="no_match_list.length!=0">
<view class="h1">已搜索的蓝牙:</view>
<block v-for="(item,index) in no_match_list" :key="index">
<view class="uni-list" @tap="search_bluetooth(item.SN)">
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
<view class="uni-list-cell-navigate uni-navigate-right uni-media-list ">
<view class="uni-media-list-body">
<view>蓝牙名称:{{item.name}}</view>
<view>SN:{{item.SN}}</view>
</view>
</view>
</view>
</view>
</block>
</view> <!-- 已匹配的蓝牙设备 -->
<view class="no_match_bluetooth_list" v-if="match_list.length!=0">
<view class="h1">已匹配的蓝牙:</view>
<block v-for="(item,index) in match_list" :key="index">
<view class="uni-list" @tap="print(item.SN)">
<view class="uni-list-cell" hover-class="uni-list-cell-hover">
<view class="uni-list-cell-navigate uni-navigate-right uni-media-list ">
<view class="uni-media-list-body">
<view>蓝牙名称:{{item.name}}</view>
<view>SN:{{item.SN}}</view>
</view>
</view>
</view>
</view>
</block>
</view> <view class="btn">
<view class="btn_1" @tap="open_bluetooth">打开蓝牙</view>
<view class="btn_2" @tap="close_bluetooth">关闭蓝牙</view>
<view class="btn_3" @tap="search_bluetooth">搜索蓝牙</view>
</view>
</view>
</template> <script>
var main, Context, BluetoothManager, BluetoothAdapter, BManager, BAdapter,BluetoothDevice,IntentFilter,bluetoothSocket,device;
export default {
data() {
return {
bArray:[],//用于搜索蓝牙去重用的
no_match_list:[],//没有配对的蓝牙列表
match_list:[],//已配对的蓝牙列表
send_data_onoff:false,
send_data_list:'',//要发送的数据
};
},
onShow() {
//获取android应用Activity对象
main = plus.android.runtimeMainActivity();
Context = plus.android.importClass("android.content.Context");
BManager = main.getSystemService(Context.BLUETOOTH_SERVICE);
//蓝牙适配器
BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");
//蓝牙本地适配器
BAdapter = BluetoothAdapter.getDefaultAdapter();
//蓝牙设备
BluetoothDevice = plus.android.importClass('android.bluetooth.BluetoothDevice');
//过滤器
IntentFilter = plus.android.importClass('android.content.IntentFilter');
},
methods:{
/**
* 根据蓝牙地址,连接设备
* @param {Object} address
* @return {Boolean}
*/
print(address){
console.log(address)
let that=this
uni.showModal({
title: '提示',
content: '是连接此蓝牙?',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
uni.showLoading({
title: '蓝牙连接中...'
});
that.print_bluetooth(address) }
}
});
},
//连接蓝牙
print_bluetooth(mac_address){
let that=this
uni.hideLoading()
let UUID = plus.android.importClass("java.util.UUID");
let uuid = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB");
device = BAdapter.getRemoteDevice(mac_address);
plus.android.importClass(device);
bluetoothSocket = device.createInsecureRfcommSocketToServiceRecord(uuid);
plus.android.importClass(bluetoothSocket);
if (!bluetoothSocket.isConnected()) {
console.log('检测到设备未连接,尝试连接....');
bluetoothSocket.connect();
}
console.log('设备已连接');
// 打开输入发送数据
that.send_data_onoff=true; },
//发送蓝牙数据
send_data(){
let that=this
console.log()
if (bluetoothSocket.isConnected()) {
console.log()
var outputStream = bluetoothSocket.getOutputStream();
plus.android.importClass(outputStream);
var string = that.send_data_list
var bytes = plus.android.invoke(string, 'getBytes', 'gbk');//创建输出流失败
outputStream.write(bytes);
// outputStream.flush();
// device = null //这里关键
// bluetoothSocket.close(); //必须关闭蓝牙连接否则意外断开的话打印错误
}
},
open_bluetooth(){
if(!BAdapter.isEnabled()) {
BAdapter.enable();//启动蓝牙
uni.showToast({
title: '蓝牙已启动',
duration:
})
}
},
//关闭蓝牙
close_bluetooth(){
let that =this
//关闭蓝牙都把之前的清空
that.no_match_list=[];
that.match_list=[]
if (BAdapter.isEnabled()) {
BAdapter.disable();//关闭蓝牙
uni.showToast({
title: '蓝牙已关闭',
duration:
})
}
},
//获取已匹配蓝牙设备
bluetooth_list(){
let that=this
//先清空
that.match_list=[] var lists = BAdapter.getBondedDevices();
plus.android.importClass(lists);
var iterator = lists.iterator();
plus.android.importClass(iterator);
while (iterator.hasNext()) {
var d = iterator.next();
plus.android.importClass(d);
let arr={
"name": d.getName(),
"SN": d.getAddress()
}
that.match_list.push(arr)
}
},
//搜索没匹配的蓝牙设备
search_bluetooth(address){
let that=this
//判断蓝牙是否开启
if (!BAdapter.isEnabled()) {
uni.showToast({
title: '请先打开蓝牙',
duration:
});
return
}
if(address.length!=undefined){
uni.showModal({
title: '提示',
content: '是否配对此蓝牙?',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
uni.showLoading({
title: '蓝牙匹配中...'
});
that.search_pipei(address)
}
}
});
}else{
uni.showLoading({
title: '蓝牙搜索中...'
});
that.search_pipei()
}
},
//搜索和匹配蓝牙
search_pipei(address){
let that=this
//获取已匹配的蓝牙
that.bluetooth_list()
//每次搜索都把之前的清空
that.bArray=[];
that.no_match_list=[]; var filter = new IntentFilter();
var BDevice = new BluetoothDevice();
BAdapter.startDiscovery(); //开启搜索
var receiver = plus.android.implements('io.dcloud.android.content.BroadcastReceiver', {
onReceive: function(context, intent) { //回调
try {
plus.android.importClass(intent); //通过intent实例引入intent类
if(intent.getAction() == "android.bluetooth.adapter.action.DISCOVERY_FINISHED") {
uni.hideLoading()
main.unregisterReceiver(receiver); //取消监听
} else {
//从Intent中获取设备对象
BDevice= intent.getParcelableExtra(BluetoothDevice.EXTRA_DEVICE);
//配对蓝牙
if (address == BDevice.getAddress()) {
if (BDevice.createBond()) { //配对命令.createBond()
console.log("配对成功");
uni.hideLoading()
} }
if(BDevice == null) {
main.unregisterReceiver(receiver); //取消监听
uni.hideLoading()
//获取已匹配的蓝牙
that.bluetooth_list()
return;
}
var name=BDevice.getAddress()+BDevice.getName();
if(that.bArray.indexOf(name) == -){ //去重
that.bArray.push(name);//用于去重的
let arr={
"name": BDevice.getName(),
"SN": BDevice.getAddress()
}
that.no_match_list.push(arr)
console.log(JSON.stringify(that.no_match_list))
} }
} catch(e) {
console.error(e);
}
}
});
filter.addAction(BDevice.ACTION_FOUND);
filter.addAction(BAdapter.ACTION_DISCOVERY_STARTED);
filter.addAction(BAdapter.ACTION_DISCOVERY_FINISHED);
filter.addAction(BAdapter.ACTION_STATE_CHANGED);
main.registerReceiver(receiver, filter); //注册监听
},
}
}
</script> <style scoped="scoped" lang="scss">
@import "./Bluetooth.scss";
</style>

css

.bluetooth{
padding: 20upx 20upx 120upx;
.h1{
padding: 20upx ;color: #1482D1;border-top: 1upx solid #EFEFF4;
} .btn{
display:flex;position:fixed;bottom:0upx;padding:20upx 10upx;justify-content:space-around;width: %;color:#fff;border-top:1px solid #f2f2f2;background-color: #fff;
view{
width: 200upx;height: 80upx;line-height:80upx;text-align: center;border-radius:10upx;
}
.btn_1{
background-color: #009BDE;
}
.btn_2{
background-color: red;
}
.btn_3{
background-color: #3CB371;
}
}
.uni-textarea{
textarea{
border: 1px solid #EFEFF4;border-radius: 10px;width: %;padding: 10upx;box-sizing: border-box;
}
.fasong{
width: %;padding:15upx 10upx;box-sizing: border-box;border-radius: 10px;background: #1482D1;text-align: center;color: white;margin: 10px ;
}
}
}

如果报错你可能需要下载一个蓝牙开发助手当服务端

vue app混合开发蓝牙串口连接(报错java.io.IOException: read failed, socket might closed or timeout, read ret: -1;at android.bluetooth.BluetoothSocket.connect at js/BluetoothTool.js:329)的更多相关文章

  1. github提交失败并报错java.io.IOException: Authentication failed:

    一.概述 我最近在写一个android的项目. 软件:android studio.Android studio VCS integration(插件) Android studio VCS inte ...

  2. Kafka 启动报错java.io.IOException: Can't resolve address.

    阿里云上 部署Kafka 启动报错java.io.IOException: Can't resolve address. 本地调试的,报错 需要在本地添加阿里云主机的 host 映射   linux ...

  3. Spark报错java.io.IOException: Could not locate executable null\bin\winutils.exe in the Hadoop binaries.

    Spark 读取 JSON 文件时运行报错 java.io.IOException: Could not locate executable null\bin\winutils.exe in the ...

  4. React Natived打包报错java.io.IOException: Could not delete path '...\android\support\v7'解决

    问题详情 React Native打包apk时在第二次编译时候报错: java.io.IOException: Could not delete path 'D:\mycode\reactnative ...

  5. hadoop报错java.io.IOException: Bad connect ack with firstBadLink as 192.168.1.218:50010

    [root@linuxmain hadoop]# bin/hadoop jar hdfs3.jar com.dragon.test.CopyToHDFS Java HotSpot(TM) Client ...

  6. hadoop报错java.io.IOException: Incorrect configuration: namenode address dfs.namenode.servicerpc-address or dfs.namenode.rpc-address is not configured

    不多说,直接上干货! 问题详情 问题排查 spark@master:~/app/hadoop$ sbin/start-all.sh This script is Deprecated. Instead ...

  7. java get请求带参数报错 java.io.IOException: Server returned HTTP response code: 400 for URL

    解决方案 在使用JAVA发起http请求的时候,经常会遇到这个错误,我们copy请求地址在浏览器中运行的时候又是正常运行的,造成这个错误的原因主要是因为请求的URL中包含空格,这个时候我们要使用URL ...

  8. jsp报错java.io.IOException: Stream closed

    在使用jsp的时候莫名其妙的抛出了这个异常,经过反复检查 去掉了网友们说的jsp使用流未关闭,以及tomcat版本冲突等原因,最后发现是书写格式的原因. 当时使用的代码如下 <jsp:inclu ...

  9. 关于SpringMVC项目报错:java.io.FileNotFoundException: Could not open ServletContext resource [/WEB-INF/xxxx.xml]

    关于SpringMVC项目报错:java.io.FileNotFoundException: Could not open ServletContext resource [/WEB-INF/xxxx ...

随机推荐

  1. Cards and Joy CodeForces - 999F (贪心+set)

    There are nn players sitting at the card table. Each player has a favorite number. The favorite numb ...

  2. PS绘制飘逸彩色丝带教程

    一.新建一个大小适当的图像,点击工具栏上的钢笔工具,使用形状图层来绘制出下图的形状. 二.把形状所在层的填充设为0%,填充设成0是不会影响到图层的,不像不透明度那样会影响图层样式的效果. 三.双击丝带 ...

  3. 家庭记账本小程序之框架设计(java web基础版一)

    1.设计主页 main.jsp <%@ page language="java" contentType="text/html; charset=UTF-8&quo ...

  4. mybatis 使用resultMap实现表间关联

    AutoMapping auto mapping,直译过来就是自动映射,工作原理大概如下: 假设我们有一张表,表名为person,包含id,name,age,addr这4个字段 mysql> d ...

  5. vue数组变异方法

    Vue数组变异方法,会改变被这些方法调用的原始数组,将会触发视图更新 push() 接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度 pop() 从数组末尾移除最后一项,减少数组的 ...

  6. SpringBoot配置devtools实现热部署

    spring为开发者提供了一个名为spring-boot-devtools的模块来使Spring Boot应用支持热部署,提高开发者的开发效率,无需手动重启Spring Boot应用. devtool ...

  7. C# Note37: Writing unit tests with use of mocking

    前言 What's mocking and its benefits Mocking is an integral part of unit testing. Although you can run ...

  8. map遍历性能记录

    map遍历可以通过keySet或者entrySet方式. 性能上:entrySet略胜一筹,原因是keySet获取到key后再根据key去获取value,在查一遍,所以慢一些. keySet: //先 ...

  9. python 基础篇练习题

    一.练习题 # 1.统计元组中所有数据属于字符串的个数,提示:isinstance() # 数据:t1 = (1, 2, '3', '4', 5, '6') # 结果:3 # 2.将以下数据存储为字典 ...

  10. 根据 Power BI Desktop(预览版)中的报表页创建工具提示

    根据 Power BI Desktop 中创建的报表页,可创建直观丰富的报表工具提示,这些提示在你将鼠标悬停在视觉对象上时显示. 通过创建用作工具提示的报表页,使自定义工具提示包含视觉对象.图像以及在 ...