基于html5+的nativejs实现android蓝牙串口通讯

已于 2022-01-19 19:30:07 修改
阅读量3.4w 收藏 88
点赞数 15
分类专栏： web前端 文章标签： web前端 安卓 蓝牙 web app
于 2018-07-20 22:50:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxgasd/article/details/78208708
版权

##开发工具
基于hbuilder打包的webapp。
##所需知识

  1. 了解基本的html，css，js，vue.js
  2. 了解原生android的开发
  3. 了解android蓝牙的开发
  4. 了解hbuilder的使用

##代码实现

摸索了一下，自己写了一个蓝牙串口连接接收数据的小示例。
由于是连接到串口蓝牙，需要在手机或电脑下载一个蓝牙串口助手来测试。

demo地址

由于js不能实现多线程，此种方法接收数据速度太慢，有条件还是要用原生插件来开多线程读取数据。

现在比较遗憾的是每次只能读取一个数据：

	let dataArr = [];
	while(invoke(btInStream, "available") !== 0) {
		let data = invoke(btInStream, "read");
		dataArr.push(data);
		let ct = new Date().getTime();
		if(ct - t > 20) {
			break;
		}
	}
	if(dataArr.length > 0) {
		options.readDataCallback && options.readDataCallback(dataArr);
	}

通过传入一个byte数组来读取流中数据的方法，如何用nativejs来翻译呢，希望有大神告知一下。

	byte[] buffer = new byte[16];
	int len = btInStream.read(buffer);

demo图片

我还封装了一个基于cordova打包的串口蓝牙插件，可以进行多线程读取数据，有需要的联系我。

核心js代码

/**
 * html5+ 串口蓝牙操作
 */
function BluetoothTool() {
	let BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");
	let Intent = plus.android.importClass("android.content.Intent");
	let IntentFilter = plus.android.importClass("android.content.IntentFilter");
	let BluetoothDevice = plus.android.importClass("android.bluetooth.BluetoothDevice");
	let UUID = plus.android.importClass("java.util.UUID");
	let Toast = plus.android.importClass("android.widget.Toast");
	//连接串口设备的 UUID
	let MY_UUID = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB");

	let invoke = plus.android.invoke;
	let btAdapter = BluetoothAdapter.getDefaultAdapter();
	let activity = plus.android.runtimeMainActivity();

	let btSocket = null;
	let btInStream = null;
	let btOutStream = null;
	let setIntervalId = 0;

	let btFindReceiver = null; //蓝牙搜索广播接收器
	let btStatusReceiver = null; //蓝牙状态监听广播

	let state = {
		bluetoothEnable: false, //蓝牙是否开启
		bluetoothState: "", //当前蓝牙状态
		discoveryDeviceState: false, //是否正在搜索蓝牙设备
		readThreadState: false, //数据读取线程状态
	};

	let options = {
		/**
		 * 监听蓝牙状态回调
		 * @param {String} state
		 */
		listenBTStatusCallback: function(state) {},
		/**
		 * 搜索到新的蓝牙设备回调
		 * @param {Device} newDevice
		 */
		discoveryDeviceCallback: function(newDevice) {},
		/**
		 * 蓝牙搜索完成回调
		 */
		discoveryFinishedCallback: function() {},
		/**
		 * 接收到数据回调
		 * @param {Array} dataByteArr
		 */
		readDataCallback: function(dataByteArr) {},
		/**
		 * 蓝牙连接中断回调
		 * @param {Exception} e
		 */
		connExceptionCallback: function(e) {}
	}

	let bluetoothToolInstance = {
		state: state, //蓝牙状态
		init: init, //初始化回调函数
		isSupportBluetooth: isSupportBluetooth,
		getBluetoothStatus: getBluetoothStatus,
		turnOnBluetooth: turnOnBluetooth,
		turnOffBluetooth: turnOffBluetooth,
		getPairedDevices: getPairedDevices,
		discoveryNewDevice: discoveryNewDevice,
		listenBluetoothStatus: listenBluetoothStatus,
		connDevice: connDevice,
		disConnDevice: disConnDevice,
		cancelDiscovery: cancelDiscovery,
		readData: readData,
		sendData: sendData
	}
	if(window.bluetoothToolInstance) {
		return window.bluetoothToolInstance;
	} else {
		window.bluetoothToolInstance = bluetoothToolInstance;
		return bluetoothToolInstance;
	}

	function init(setOptions) {
		Object.assign(options, setOptions);
		state.bluetoothEnable = getBluetoothStatus();
		listenBluetoothStatus();
	}

	function shortToast(msg) {
		Toast.makeText(activity, msg, Toast.LENGTH_SHORT).show();
	}

	/**
	 * 是否支持蓝牙
	 * @return {boolean}
	 */
	function isSupportBluetooth() {
		if(btAdapter != null) {
			return true;
		}
		return false;
	}
	/**
	 * 获取蓝牙的状态
	 * @return {boolean} 是否已开启
	 */
	function getBluetoothStatus() {
		if(btAdapter != null) {
			return btAdapter.isEnabled();
		}
		return false;
	}

	/**
	 * 打开蓝牙
	 * @param activity
	 * @param requestCode
	 */
	function turnOnBluetooth() {
		if(btAdapter == null) {
			shortToast("没有蓝牙");
			return;
		}
		if(!btAdapter.isEnabled()) {
			if(activity == null) {
				shortToast("未获取到activity");
				return;
			} else {
				let intent = new Intent(BluetoothAdapter.ACTION_REQUEST_ENABLE);
				let requestCode = 1;
				activity.startActivityForResult(intent, requestCode);
				return;
			}
		} else {
			shortToast("蓝牙已经打开");
		}
	}

	/**
	 * 关闭蓝牙
	 */
	function turnOffBluetooth() {
		if(btAdapter != null && btAdapter.isEnabled()) {
			btAdapter.disable();
		}
		if(btFindReceiver != null) {
			try {
				activity.unregisterReceiver(btFindReceiver);
			} catch(e) {

			}
			btFindReceiver = null;
		}
		state.bluetoothEnable = false;
		cancelDiscovery();
		closeBtSocket();

		if(btAdapter != null && btAdapter.isEnabled()) {
			btAdapter.disable();
			shortToast("蓝牙关闭成功");
		} else {
			shortToast("蓝牙已经关闭");
		}
	}

	/**
	 * 获取已经配对的设备
	 * @return {Array} connetedDevices
	 */
	function getPairedDevices() {
		let pairedDevices = [];

		//蓝牙连接android原生对象，是一个set集合
		let pairedDevicesAndroid = null;
		if(btAdapter != null && btAdapter.isEnabled()) {
			pairedDevicesAndroid = btAdapter.getBondedDevices();
		} else {
			shortToast("蓝牙未开启");
		}

		if(!pairedDevicesAndroid) {
			return pairedDevices;
		}

		//遍历连接设备的set集合，转换为js数组
		let it = invoke(pairedDevicesAndroid, "iterator");
		while(invoke(it, "hasNext")) {
			let device = invoke(it, "next");
			pairedDevices.push({
				"name": invoke(device, "getName"),
				"address": invoke(device, "getAddress")
			});
		}
		return pairedDevices;
	}

	/**
	 * 发现设备
	 */
	function discoveryNewDevice() {
		if(btFindReceiver != null) {
			try {
				activity.unregisterReceiver(btFindReceiver);
			} catch(e) {
				console.error(e);
			}
			btFindReceiver = null;
			cancelDiscovery();
		}
		let Build = plus.android.importClass("android.os.Build");
		
		 //6.0以后的如果需要利用本机查找周围的wifi和蓝牙设备, 申请权限
        if(Build.VERSION.SDK_INT >= 6.0){
           
        }
		
		btFindReceiver = plus.android.implements("io.dcloud.android.content.BroadcastReceiver", {
			"onReceive": function(context, intent) {
				plus.android.importClass(context);
				plus.android.importClass(intent);
				let action = intent.getAction();

				if(BluetoothDevice.ACTION_FOUND == action) { // 找到设备
					let device = intent.getParcelableExtra(BluetoothDevice.EXTRA_DEVICE);
					let newDevice = {
						"name": plus.android.invoke(device, "getName"),
						"address": plus.android.invoke(device, "getAddress")
					}
					options.discoveryDeviceCallback && options.discoveryDeviceCallback(newDevice);
				}
				if(BluetoothAdapter.ACTION_DISCOVERY_FINISHED == action) { // 搜索完成
					cancelDiscovery();
					options.discoveryFinishedCallback && options.discoveryFinishedCallback();
				}
			}
		});
		let filter = new IntentFilter();
		filter.addAction(BluetoothDevice.ACTION_FOUND);
		filter.addAction(BluetoothAdapter.ACTION_DISCOVERY_FINISHED);
		activity.registerReceiver(btFindReceiver, filter);
		btAdapter.startDiscovery(); //开启搜索
		state.discoveryDeviceState = true;
	}

	/**
	 * 蓝牙状态监听
	 * @param {Activity} activity
	 */
	function listenBluetoothStatus() {
		if(btStatusReceiver != null) {
			try {
				activity.unregisterReceiver(btStatusReceiver);
			} catch(e) {
				console.error(e);
			}
			btStatusReceiver = null;
		}

		btStatusReceiver = plus.android.implements("io.dcloud.android.content.BroadcastReceiver", {
			"onReceive": function(context, intent) {
				plus.android.importClass(context);
				plus.android.importClass(intent);

				let action = intent.getAction();
				switch(action) {
					case BluetoothAdapter.ACTION_STATE_CHANGED:
						let blueState = intent.getIntExtra(BluetoothAdapter.EXTRA_STATE, 0);
						let stateStr = "";
						switch(blueState) {
							case BluetoothAdapter.STATE_TURNING_ON:
								stateStr = "STATE_TURNING_ON";
								break;
							case BluetoothAdapter.STATE_ON:
								state.bluetoothEnable = true;
								stateStr = "STATE_ON";
								break;
							case BluetoothAdapter.STATE_TURNING_OFF:
								stateStr = "STATE_TURNING_OFF";
								break;
							case BluetoothAdapter.STATE_OFF:
								stateStr = "STATE_OFF";
								state.bluetoothEnable = false;
								break;
						}
						state.bluetoothState = stateStr;
						options.listenBTStatusCallback && options.listenBTStatusCallback(stateStr);
						break;
				}
			}
		});
		let filter = new IntentFilter();
		filter.addAction(BluetoothAdapter.ACTION_STATE_CHANGED);
		activity.registerReceiver(btStatusReceiver, filter);
	}

	/**
	 * 根据蓝牙地址，连接设备
	 * @param {Stirng} address
	 * @return {Boolean}
	 */
	function connDevice(address) {
		let InputStream = plus.android.importClass("java.io.InputStream");
		let OutputStream = plus.android.importClass("java.io.OutputStream");
		let BluetoothSocket = plus.android.importClass("android.bluetooth.BluetoothSocket");

		cancelDiscovery();
		if(btSocket != null) {
			closeBtSocket();
		}
		state.readThreadState = false;

		try {
			let device = invoke(btAdapter, "getRemoteDevice", address);
			btSocket = invoke(device, "createRfcommSocketToServiceRecord", MY_UUID);
		} catch(e) {
			console.error(e);
			shortToast("连接失败，获取Socket失败！");
			return false;
		}
		try {
			invoke(btSocket, "connect");
			readData(); //读数据
			shortToast("连接成功");
		} catch(e) {
			console.error(e);
			shortToast("连接失败");
			try {
				btSocket.close();
				btSocket = null;
			} catch(e1) {
				console.error(e1);
			}
			return false;
		}
		return true;
	}

	/**
	 * 断开连接设备
	 * @param {Object} address
	 * @return {Boolean}
	 */
	function disConnDevice() {
		if(btSocket != null) {
			closeBtSocket();
		}
		state.readThreadState = false;
		shortToast("断开连接成功");
	}

	/**
	 * 断开连接设备
	 * @param {Object} address
	 * @return {Boolean}
	 */
	function closeBtSocket() {
		state.readThreadState = false;
		if(!btSocket) {
			return;
		}
		try {
			btSocket.close();
		} catch(e) {
			console.error(e);
			btSocket = null;
		}
	}

	/**
	 * 取消发现
	 */
	function cancelDiscovery() {
		if(btAdapter.isDiscovering()) {
			btAdapter.cancelDiscovery();
		}
		if(btFindReceiver != null) {
			activity.unregisterReceiver(btFindReceiver);
			btFindReceiver = null;
		}
		state.discoveryDeviceState = false;
	}

	/**
	 * 读取数据
	 * @param {Object} activity
	 * @param {Function} callback
	 * @return {Boolean}
	 */
	function readData() {
		if(!btSocket) {
			shortToast("请先连接蓝牙设备！");
			return false;
		}
		try {
			btInStream = invoke(btSocket, "getInputStream");
			btOutStream = invoke(btSocket, "getOutputStream");
		} catch(e) {
			console.error(e);
			shortToast("创建输入输出流失败！");
			closeBtSocket();
			return false;
		}
		let setTimeCount = 0;
		read();
		state.readThreadState = true;
		return true;

		/**
		 * 模拟java多线程读取数据
		 */
		function read() {
			clearInterval(setIntervalId);
			setIntervalId = setInterval(function() {
				setTimeCount++;
				if(state.readThreadState) {
					let t = new Date().getTime();
					//心跳检测
					if(setTimeCount % 20 == 0) {
						try {
							btOutStream.write([0b00]);
						} catch(e) {
							state.readThreadState = false;
							options.connExceptionCallback && options.connExceptionCallback(e);
						}
					}
					let dataArr = [];
					while(invoke(btInStream, "available") !== 0) {
						let data = invoke(btInStream, "read");
						dataArr.push(data);
						let ct = new Date().getTime();
						if(ct - t > 20) {
							break;
						}
					}
					if(dataArr.length > 0) {
						options.readDataCallback && options.readDataCallback(dataArr);
					}
				}
			}, 40);
		}

	}

	/**
	 * 发送数据
	 * @param {String} dataStr
	 * @return {Boolean}
	 */
	function sendData(dataStr) {
		if(!btOutStream) {
			shortToast("创建输出流失败！");
			return;
		}
		let bytes = invoke(dataStr, 'getBytes', 'gbk');
		try {
			btOutStream.write(bytes);
		} catch(e) {
			return false;
		}
		return true;
	}
};

调用示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>html5+ android蓝牙操作</title>
	</head>

	<body>
		<div id="app">
			<input type="button" name="" id="" value="打开蓝牙" @click="turnOnBluetooth" />
			<input type="button" name="" id="" value="关闭蓝牙" @click="turnOffBluetooth" />
			<input type="button" name="" id="" value="已配对的设备" @click="getPairedDevices" />
			<input type="button" name="" id="" value="搜索蓝牙设备" @click="discoveryNewDevice" />
			<div>
				蓝牙状态：
				<pre>{{bluetoothState}}</pre>
			</div>
			<div>
				消息：{{msg}}
			</div>
			<div>
				<input type="button" value="断开连接" @click="disConnDevice" />
			</div>
			已配对的设备：
			<br>
			<ul>
				<li v-for="device in pairedDevices">
					名称：{{device.name}}<br> 地址：{{device.address}}
					<br>
					<input type="button" value="连接" @click="connDevice(device.address)" />
				</li>
			</ul>
			发现的设备：<br>
			<ul>
				<li v-for="device in newDevices">
					名称：{{device.name}}<br> 地址：{{device.address}}<br>
					<input type="button" value="连接" @click="connDevice(device.address)" />
				</li>
			</ul>
			<div>
				发送数据：
				<textarea cols="20" rows="4" v-model="sendData"></textarea>
				<input type="button" value="发送" @click="onSendData" />
			</div>
			<br>
			<div style="margin-bottom: 100px;">接收的数据：
				<input type="button" value="清空" @click="receiveDataArr = [];" />
				<div style="width: 100%;min-height: 50px;">byte数组:
					<span v-for="data in receiveDataArr">
						{{data}}&nbsp;
					</span>
				</div>
				<div style="width: 100%;min-height: 50px;word-wrap:break-word;">
					对应的string字符串:<br> {{receiveDataStr}}
				</div>
			</div>
		</div>

		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/BluetoothTool.js"></script>
		<script type="text/javascript">
			// 监听plusready事件
			document.addEventListener("plusready", function() {
				var bluetoothTool = null;
				var vm = new Vue({
					"el": "#app",
					data: function() {
						return {
							bluetoothState: {},
							pairedDevices: [],
							newDevices: [],
							receiveDataArr: [],
							sendData: "",
							msg: ""
						}
					},
					computed: {
						receiveDataStr: function() {
							return String.fromCharCode.apply(String, this.receiveDataArr);
						},
						bluetoothStatusDesc: function() {
							return this.bluetoothStatus ? "已开启" : "已关闭";
						}
					},
					created: function() {
						let that = this;
						bluetoothTool = BluetoothTool();
						this.bluetoothState = bluetoothTool.state;
						bluetoothTool.init({
							listenBTStatusCallback: function(state) {
								that.msg = "蓝牙状态: " + state;
							},
							discoveryDeviceCallback: function(newDevice) {
								that.newDevices.push(newDevice);
							},
							discoveryFinishedCallback: function() {
								that.msg = "搜索完成";
							},
							readDataCallback: function(dataByteArr) {
								if(that.receiveDataArr.length >= 200) {
									that.receiveDataArr = [];
								}
								that.receiveDataArr.push.apply(that.receiveDataArr, dataByteArr);
							},
							connExceptionCallback: function(e) {
								console.log(e);
								that.msg = "设备连接失败";
							}
						});
					},
					methods: {
						turnOnBluetooth: function() {
							bluetoothTool.turnOnBluetooth();
						},
						turnOffBluetooth: function() {
							bluetoothTool.turnOffBluetooth();
						},
						getPairedDevices: function() {
							this.pairedDevices = bluetoothTool.getPairedDevices();
						},
						discoveryNewDevice: function() {
							this.newDevices = [];
							bluetoothTool.discoveryNewDevice();
						},
						cancelDiscovery: function() {
							bluetoothTool.cancelDiscovery();
						},
						connDevice: function(address) {
							bluetoothTool.connDevice(address);
						},
						disConnDevice: function() {
							bluetoothTool.disConnDevice();
						},
						onSendData: function() {
							bluetoothTool.sendData(this.sendData);
						},
						
					}
				});
			}, false);
		</script>

	</body>

</html>

当时在cordova上开发的蓝牙插件demo https://github.com/chengxg/small-car

apicloud上的插件见 https://blog.csdn.net/cxgasd/article/details/122537895
这个比较实用

仁泉之子
关注
  • 15
    点赞
  • 踩
  • 88
    收藏
    觉得还不错? 一键收藏
  • 114
    评论
专栏目录
html5-bluetooth-demo
04-25
html5-bluetooth-demo H5实现蓝牙连接demo
DCloud的native.js调用系统分享实例Android版代码
01-05
DCloud的Native.js技术，简称NJS，是一种将手机操作系统的原生对象转义，映射为JS对象，在JS里编写原生代码的技术 Native.js虽然强大和开放，但很多web开发者因为不熟悉原生API而难以独立完成，今天为大家分享一下利用native.js如何调用系统分享功能的Android版实例代码 function share(shareTip,shareText){ //导入Java类对象 var Context = plus.android.importClass(android.content.Intent); //获取应用主Activity var Main = p
js连接蓝牙设备并传输数据
最新发布
油墨香^-^的博客
06-24 162
要在JavaScript中对接蓝牙并传输数据，通常需要使用Web Bluetooth API，该API允许网页与附近的蓝牙设备进行通信。然而，这个API仅在一些现代浏览器（如Chrome、Opera和Samsung Internet）中受到支持，并且需要用户的明确许可。另外，请确保你的设备已经配对，并且你的应用已经获得了用户的许可来访问蓝牙设备。在GATT连接建立后，你可以查找特定的服务（service）和特性（characteristic），并通过它们发送和接收数据。如果你需要读取特性的值，可以使用。
h5蓝牙连接
a_a_zy的博客
11-08 500
嵌入手机app通过原生方法去启动蓝牙功能。
vue操作蓝牙教程
renkai721的专栏
06-11 778
vue操作蓝牙教程，uniapp操作蓝牙教程，uniapp+bluetooth，vue+bluetooth，uniapp操作低功耗蓝牙，vue操作低功耗蓝牙
nativejs调用安卓蓝牙
天才
03-04 7640
mui.init();             蓝牙开发     扫描端口 mui.plusReady(function(){ var get=document.getElementById("button"); get.addEventListener('tap',function(){ var main = plus.
Native.js获取监听开关等操作Android蓝牙设备实例代码
01-04
Native.js开启关闭蓝牙 var main = plus.android.runtimeMainActivity(); var Context = plus.android.importClass(android.content.Context); var BManager = main.getSystemService(Context.BLUETOOTH_SERVICE); plus.android.importClass(BManager);//引入相关的method函数 var BAdapter = BManager.getAdapter(); plus.android.im
Web Bluetooth（通俗易懂）html连接蓝牙设备读写
qq_43193513的博客
09-05 5747
Web Bluetooth（通俗易懂）html连接蓝牙设备读写，web与蓝牙设备连接，html与蓝牙设备连接，js与蓝牙设备连接
h5+plus连接低功耗蓝牙设备
weixin_66810621的博客
06-13 4346
前端连接低功耗蓝牙设备的方法有多种，比如微信小程序、H5和Web，但这些方法都或多或少存在一些问题。下面我们以H5连接低功耗蓝牙设备为例，介绍在编写过程中可能会遇到的坑。
基于VUE+H5PLUS 实现app交互蓝牙打印机得功能
everccnight的博客
09-03 5877
1.VUE如何使用H5+PLUS 在Main.js中加入如下代码,此代码是为了把plus方式绑定到Vue原型链上，避免无法使用Plus得情况 Vue.prototype.$plusExtends = fn => { if (window.plus) { setTimeout(fn, 0) } else { document.addEventListener('plusready', fn, false) } } 2.页面中如何调取PLUS方式 ...
MUI蓝牙打印（Android）
李赛赛的专栏
08-27 6190
MUI蓝牙打印（Android） 使用MUI开发手机APP时使用蓝牙打印功能可能较少使用，MUI官方并为集成蓝牙打印功能，而且似乎对iPhone蓝牙打印的类库支持也不够完善。忙完一阶段后回顾下之前的工作，想想蓝牙打印功能折腾了够长时间了，写这篇文章既是自己做个总结，也希望能给遇到同样为蓝牙打印功能挣扎的人带来一点帮助。 感谢以下几篇文章给予的帮助。 Android 蓝牙连接 ESC/POS ...
html5封装webapp调用手机蓝牙连接蓝牙设备并实现收发数据
04-29
从晚上下载的例子，发现不能自动获取设备、服务和特征值，这就导致了程序通用性大大降低，在通过自己的摸索后，将这部分功能调试通过，现在已经是一个通用的webapp调用ble的程序了，功能包括搜索、连接蓝牙，选取服务、特征值，写入、接收数据
html5封装webapp调用手机蓝牙连接蓝牙设备并写入数据
04-16
利用html5接口编写的关于webapp调用低功耗蓝牙ble的程序，集合了搜索，连接和数据的写入，各项功能都亲测有效
ble-html-demo:显示如何在HTML5应用程序中使用蓝牙控制器的示例
05-08
BLE HTML演示 一系列示例展示了如何在HTML5应用程序中使用蓝牙控制器。 您需要和来控制这些示例。 该项目是的一部分。 用法 下载或克隆此存储库 使用npm i安装依赖项 编辑public/config.js并将WebSocket URL设置为您的 使用npm run start运行服务器 现在，您可以通过打开http://localhost:8080在浏览器中查看示例。 学分 基于在MIT许可下发布的three.js“ ”和“ ”演示的汽车旋转示例。 法拉利458 Italia模型由创建，并获得。
uniapp基于native.js扫描经典蓝牙设备
ll0xx的博客
12-26 1016
【代码】uniapp基于native.js扫描经典蓝牙设备。
Native.js示例汇总
code
03-21 1281
Native.js虽然强大和开放，但很多web开发者因为不熟悉原生API而难以独立完成。 这篇帖子的目的就是汇总各种写好的NJS代码，方便web开发者。 众人拾柴火焰高，有能力的开发者多多提交NJS代码，大家都会给你点赞的，我们也会为每位共享NJS代码的朋友送上200积分。 Android平台 监听手机锁屏，解锁，开屏 Native.JS监听手机锁屏，解锁，开屏 - DCloud问答 直接拨打电话 Hbuilder能不能直接拨打电话呢 - DCloud问答 将程序切换到后台 请问一下，点击返回
java项目PC端调用条码打印机打印条码/吊牌（JS实现）
AngryFyj的博客
04-29 5051
因为项目需要，开发一个使用条码打印机打印商品条形码和吊牌的功能，首先先上个最后的结果图 条码打印和吊牌打印 过程中遇到了一些坑，先简单说明一下 1：我这边使用的是佳博的条码打印机，最开始到佳博的开发平台下载了相关的文档，并按照说明文档进行了开发，能顺利打印条码和吊牌，我采用的打印方式是使用TSCLIB，也就是将TSCLIB.dll文件拷贝到系统盘Windows/system32下，然后安装...
native.js 蓝牙打印图片_啵哩智能打印机L3不仅可以打错题，还可以“打印”更多的生活乐趣...
weixin_39925813的博客
12-12 130
记得上学那会，考试试卷发下来，头疼的事儿就是誊写错题，如果某科考的特别差，错题笔记得得整理好几张，尤其数学试题，画图有些还要画很久，耽误很多时间，那时候学校整理不完错题，回到家还要熬夜整理，特别影响休息、精力，现在的孩子，也难逃整理错题的“这一步”，毕竟整理错题尤其在期中、期末考试中，可以减少复习时间，将以往做错的错题学会了，后边考试答错的几率也变小了，有时候家长也要帮孩子整理错题，实在费事，现在...
js 调用android定位,基于html5+ 高德地图JS API使用安卓定位sdk用来进行定位
05-30
可以通过调用HTML5 Geolocation API来获取用户的经纬度信息然后再使用高德地图JS API实现地图展示和定位标记等功能。同时，要在Android平台上使用定位SDK进行定位，需要在HTML5+运行环境中进行配置和调用。 具体步骤如下： 1. 在HTML5+项目中引入高德地图JS API和定位SDK相应的插件。 2. 在JS代码中使用HTML5 Geolocation API获取经纬度信息，并调用定位SDK进行定位。 3. 在定位成功后，调用高德地图JS API实现地图展示、定位标记等功能。 下面是一个示例代码： ```javascript // 获取地理位置信息 navigator.geolocation.getCurrentPosition(function(position) { // 获取经纬度信息 var lat = position.coords.latitude; var lng = position.coords.longitude; // 调用定位SDK进行定位 plus.geolocation.getCurrentPosition(function(p) { // 获取定位成功后的经纬度信息 var lat = p.coords.latitude; var lng = p.coords.longitude; // 在地图上展示定位标记 var map = new AMap.Map('container', { center: [lng, lat], zoom: 16 }); var marker = new AMap.Marker({ position: [lng, lat] }); map.add(marker); }, function(e) { // 定位失败 alert('定位失败：' + e.message); }); }, function(error) { // 获取地理位置失败 alert('获取地理位置失败：' + error.message); }); ``` 需要注意的是，如果要在WebView中使用HTML5+运行环境进行定位，还需要进行相应的WebView配置，具体可以参考HTML5+开发文档。
评论 114
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值