js连接蓝牙打印机打印一维码和二维码

最新推荐文章于 2024-06-24 09:31:22 发布
最新推荐文章于 2024-06-24 09:31:22 发布
阅读量3.8k 收藏 21
点赞数
分类专栏： JavaScript 文章标签： javascript android 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54366356/article/details/123572685
版权

JavaScript使用原生JS（native.JS）连接蓝牙打印机，打印一维码、二维码

使用说明:

  1. 代码已经过测试，可正常使用
  2. 测试蓝牙打印机为 商米（SUNMI）V2S plus打印机，此设备为一体机，与PDA连接
  3. 打印出的一维码和二维码中包含汉字与字母，使用其他设备扫描时可能会出现乱码的情况，出现此现象的原因为扫描设备的配置太低，无法解析包含汉字的二维码，使用手机扫描时即可正常显示
  4. 代码中的MAC地址一定要改为自己蓝牙打印机的蓝牙Mac地址
<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.css" />
		<script src="../../js/mui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="background-color: #007AFF;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fff;"></a>
			<h1 class="mui-title" style="color: #fff;">蓝牙打印</h1>
		</header>
		<div class="mui-content" style="padding-top: 50px;">
			<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="print1">打印条形码</button>
			<button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="print2">打印二维码</button>
		</div>
		<script type="text/javascript">
			var bluetoothSocket = null;
			var bluetoothPrinterMac = "00:11:22:33:44:55"; //蓝牙打印机的MAC地址
			window.onload = function() {
				concatBlue();
			};
			//打印条形码
			document.getElementById("print1").addEventListener("tap", () => {
				printTM();
			});
			//打印二维码
			document.getElementById("print2").addEventListener("tap", () => {
				printQrcode();
			});
			//连接蓝牙
			function concatBlue() {
				mui.plusReady(function() {
					main = plus.android.runtimeMainActivity();
					BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");
					UUID = plus.android.importClass("java.util.UUID");
					uuid = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB"); //不需更改
					BAdapter = BluetoothAdapter.getDefaultAdapter();
					BAdapter.cancelDiscovery(); //停止扫描
					device = BAdapter.getRemoteDevice(bluetoothPrinterMac);
					plus.android.importClass(device);
					bluetoothSocket = device.createInsecureRfcommSocketToServiceRecord(uuid);
					plus.android.importClass(bluetoothSocket);
				});
			};

			/**
			 * @Description:打印初始化
			 */
			function initPrinter() {
				console.log('打印初始化开始');
				var outputStream = bluetoothSocket.getOutputStream();
				plus.android.importClass(outputStream);
				OutputStreamWriter = plus.android.importClass('java.io.OutputStreamWriter')
				writer = new OutputStreamWriter(outputStream, 'GBK')
				plus.android.importClass(writer)
				writer.write(0x1B)
				writer.write(0x40)
				writer.flush()
				console.log('打印初始化结束');
			}


			/**
			 * @Description: 打印条码
			 */

			function printTM() {
				var byteStr = '这是条形码Demo';
				if (!bluetoothSocket.isConnected()) {
					console.log('断开了，需要重新连接,连接中');
					bluetoothSocket.connect();
				}

				initPrinter();

				var bytes = plus.android.invoke(byteStr, 'getBytes', 'gbk')
				var length = bytes.length
				outputStream = bluetoothSocket.getOutputStream()
				plus.android.importClass(outputStream)
				OutputStreamWriter = plus.android.importClass('java.io.OutputStreamWriter')
				writer = new OutputStreamWriter(outputStream, 'GBK')
				plus.android.importClass(writer)

				writer.write(0x1B); //打印复位
				writer.write(0x40); //打印复位
				writer.flush();
				var vstr = '{B' + byteStr;
				var bytes = plus.android.invoke(vstr, 'getBytes', 'gbk');
				var length = bytes.length



				writer.write(0x1D);
				writer.write(0x6B);
				writer.write(73);
				writer.write(length);
				writer.write(vstr);
				writer.flush();
				//换行
				writer.write("\n");
				writer.flush();
				writer.write(byteStr);
				writer.flush();
				setAlignPosition(1);
				console.log('条码打印成功');
				ff(2);
			}

			/**
			 * 方法说明 设置文本对齐方式
			 * @param align 打印位置  0：居左(默认) 1：居中 2：居右
			
			 */
			function setAlignPosition(align) {
				writer.write(0x1B);
				writer.write(0x61);
				writer.write(1);
				writer.flush();
			}



			/**
			 * @Description: 二维码打印
			
			 */
			function printQrcode() {
				var byteStr = '这是二维码Demo';
				if (!bluetoothSocket.isConnected()) {
					console.log('断开了，需要重新连接,连接中');
					bluetoothSocket.connect();
				}
				// init
				initPrinter();
				var moduleSize = 8
				var bytes = plus.android.invoke(byteStr, 'getBytes', 'gbk')
				var length = bytes.length
				outputStream = bluetoothSocket.getOutputStream()
				plus.android.importClass(outputStream)
				OutputStreamWriter = plus.android.importClass('java.io.OutputStreamWriter')
				writer = new OutputStreamWriter(outputStream, 'GBK')
				plus.android.importClass(writer)
				// 缓存二维码数据
				writer.write(0x1D) // init
				writer.write('(k') // adjust height of barcode
				writer.write(length + 3) // pl
				writer.write(0) // ph
				writer.write(49) // cn
				writer.write(80) // fn
				writer.write(48) //
				writer.write(byteStr)
				// 二维码纠错等级
				writer.write(0x1D)
				writer.write('(k')
				writer.write(3)
				writer.write(0)
				writer.write(49)
				writer.write(69)
				writer.write(48)
				// 设置二维码块大小
				writer.write(0x1D)
				writer.write('(k')
				writer.write(3)
				writer.write(0)
				writer.write(49)
				writer.write(67)
				writer.write(moduleSize)
				// 打印已缓存的数据二维码
				writer.write(0x1D)
				writer.write('(k')
				writer.write(3) // pl
				writer.write(0) // ph
				writer.write(49) // cn
				writer.write(81) // fn
				writer.write(48) // m

				writer.flush()
				// 二维码打印 结束
				ff(2);
				console.log('二维码打印结束')
			}


			/**
			 * @Description:走纸
			 */

			function ff(n) {

				// bluetoothSocket.close();
				if (!bluetoothSocket.isConnected()) {
					console.log('断开了，需要重新连接,连接中');
					bluetoothSocket.connect();
				}

				if (bluetoothSocket.isConnected()) {
					console.log('连接成功');
					//initPrinter();
					const line = n || 1;
					var outputStream = bluetoothSocket.getOutputStream();
					plus.android.importClass(outputStream);
					outputStream.write(0x1B);
					outputStream.write(0x64);
					outputStream.write(line); // 行数
					outputStream.flush();
				}
			}
		</script>
	</body>
</html>
Eason_Lou
关注
  • 0
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
专栏目录
h5+连接蓝牙打印机打印小票
12-09
h5+连接蓝牙打印机打印小票,h5+调用蓝牙打印机打印小票。运用框架：mui.js；jquery。h5+连接蓝牙打印机，并打印小票，打印机指令集esc/pos。
(JavaScript) JS方式调用POS机蓝牙打印
weixin_30352645的博客
06-03 2398
function print(mac_address) { if (!mac_address) { mui.toast('请选择蓝牙打印机'); return; } main = plus.android.runtimeMainActivity(); BluetoothAdapter = plus.and...
WebBluetooth蓝牙打印
Kiwi_M
03-02 2262
实现网页对蓝牙的调用，目前Chrome系较高版本浏览器支持。 要使用Web蓝牙功能需要一个usb口的蓝牙适配器，可以在Chrome浏览器中输入"chrome://bluetooth-internals"查看蓝牙设备状态，该调试功能非常强大！ 通过UUID可以查看到所有的蓝牙设备、service、Characteristics，以及读写蓝牙设备 蓝牙打印机连接上后不是发文本就能直接打印，而是要转换成打印指令，一般是通过ESC/POS通用打印指令传递打印指令的，就是说我们要输出的文本、二维码、图片等内容需要
js连接蓝牙设备并传输数据
最新发布
油墨香^-^的博客
06-24 169
要在JavaScript中对接蓝牙并传输数据，通常需要使用Web Bluetooth API，该API允许网页与附近的蓝牙设备进行通信。然而，这个API仅在一些现代浏览器（如Chrome、Opera和Samsung Internet）中受到支持，并且需要用户的明确许可。另外，请确保你的设备已经配对，并且你的应用已经获得了用户的许可来访问蓝牙设备。在GATT连接建立后，你可以查找特定的服务（service）和特性（characteristic），并通过它们发送和接收数据。如果你需要读取特性的值，可以使用。
js连接蓝牙打印机_拆解报告：口袋热敏打印机-Xprinter TP1
weixin_39867893的博客
12-03 609
最近收到了一款名叫星星机的便携式口袋热敏打印机，蓝牙连接打印，最重要的数据传输依靠可能就是蓝牙模块了吧。下载星星机APP就可以连接星星机进行打印了，从小学到高中，各个科目的内容都可快捷打印，还可以快速组卷，妈妈再也不用担心我的学习。支持蓝牙接口打印支持手机编辑图片、文字、记事本、备忘录配备AR场景游戏功能锂电池，超长待机OCR光学字符识别，图片转文字，身份证识别在线解题300DPI高清打印、蓝牙直...
JavaScript控制打印机打印条形码----条形码产生部分
男神的专栏
05-16 840
要真正的要用b/s架构实现web打印，相了很长时间。总算实现了。但还是有些小问题。跟大家共享一下 首先实现条形码的部分 我首先采用的是java做后台的web project。即将生成条形码的功能在后台实现，后台再将产生的条形码返回到前台显示。在这里我主要用了两个框架 第一种：barbecue-1.5-beta1 整個jar包占得空間很少，下載的zip也只有大概860kb，解壓之後可以看到一個barbecue-1.5-beta1.jar。
Blazor组件自做九 : 使用JS隔离制作蓝牙打印组件(通用跨平台隔空打印小票/标签方案)
alex_zoucn的博客
10-03 1182
如果我告诉您网站能以安全和隐私保护的方式与附近的蓝牙设备进行通信，您会怎么想？如此一来，心率监测器、会唱歌的灯，甚至海龟都可以直接与网站交互了。到目前为止，仅有部分针对特定平台的应用可以实现与蓝牙设备的交互。Web Bluetooth API 旨在改变这一现状，以期将此功能赋予 Web 浏览器。 笔者所在的POS行业更是经常用到各种蓝牙小票机,蓝牙标签机,如此一来整个 Blazor ,app客户端都不用了, 很是利好啊! 话不多说,开整!
微信小程序蓝牙对接热敏打印机
ym深的博客
07-28 8112
最近开发的一个小程序里需要对接热敏打印机打印小票，在此记录一下对接的过程 项目开发注意点： 1、因为项目中有多个页面的数据是需要进行打印的，为了保持蓝牙的连接状态和数据，所以连接蓝牙的操作和数据会在vuex里面进行统一管理。 2、打印模板会统一进行管理 3、打印数据前需要对上一次打印的数据进行清理 使用 printerJobs 对象里的 clear() 方法实现清理数据 4、在原有的sdk上增加三列打印的方法 技术栈 uni-app 参考资料 微信小程序蓝牙打印 项目效果图 打印效果图 项.
蓝牙的基本使用二
qq_34057100的博客
11-10 389
android 开发 蓝牙
手机网页打印，wap打印，手机打印，H5打印，H5手机打印，H5截屏，js 截屏，手机网页截屏
12-29
手机网页打印，wap打印，手机打印，H5打印，H5手机打印， 手机打印需要先生成网页截图， 然后把生成的图片下载，然后调用蓝牙打印机进行打印 电脑上好像不能生成图片，只能在手机上生成图片
通过蓝牙连接打印机进行打印票据、标签、二维码.zip
05-09
在现代技术中，蓝牙连接已经成为了无线设备之间通信的一种常见方式，尤其在移动设备和外设之间，如手机和打印机的交互。本文将详细介绍如何通过蓝牙连接打印机进行打印票据、标签以及二维码，主要针对iOS系统。 ...
h5连接手持蓝牙打印机，打印二维码和条码
06-07
mui h5连接手持蓝牙打印机，打印二维码和条码
微信小程序连接蓝牙打印机打印文字图片实例程序
12-17
在本实例中，我们将探讨如何使用微信小程序连接蓝牙打印机并实现文字、图片及二维码的打印功能。 首先，要实现这个功能，我们需要了解微信小程序的基础架构。微信小程序基于JavaScript，使用WXML（Wechat Widget ...
斑马打印机二维码打印斑马打印机二维码打印
10-18
斑马打印机，作为工业级条码和二维码打印的佼佼者，被广泛应用于物流、仓储、制造等行业。本文将深入探讨如何使用斑马打印机进行二维码的打印，以及相关的技术要点。 首先，我们要了解斑马打印机的基本操作。斑马...
JS连接TSC打印机打印条形码(二维码)源码+驱动+相关dll+部署文档
03-11
通过JS连接TSC打印机打印条形码和二维码，可以实现自动化打印流程，提高效率。 首先，我们要理解JS如何与打印机通信。通常，这需要借助特定的库或API，这些库可能是由打印机制造商提供的，或者是开发者社区创建的...
H5 mui通过蓝牙调用打印机printUtil.js
全栈-菜鸟
10-25 2290
H5 mui通过蓝牙调用打印机，进行打印，此过程需要获取打印指令，也可以自己拼接打印指令。 define(['mui', 'zepto', 'constants','util'], function(mui, $, Constants, Util) { // 导入的java包 var Context, BluetoothAdapter, BluetoothDevice; // 蓝牙服务与适配 var BManager, BAdapter, BluetoothSocket, mDevice.
js连接蓝牙打印机_无线打印，用蓝牙还是云打印？
weixin_36429702的博客
12-04 1482
如今，无线打印已经深入人们的日常生活之中，在餐饮，医疗、物流、商超、保险等等行业都有了广泛应用。摆脱传统打印用墨，无线打印机体积更小巧，外观更优美，人机交互更舒适，打印方式更加便捷快速。云打印与蓝牙打印 就是市面上最常见的无线打印机云打印云打印是一种结合嵌入式的云打印服务器、先进化网络技术和云打印服务平台，让用户即时发布需求与资源集提供者的打印资源在云打印平台上智能快速匹配形成网络化打印新模式。易...
swift 写一个连接蓝牙打印机根据字符串生成二维码打印并且能够设置二维码在纸张的位置
06-01
好的，下面是一个简单的 Swift 代码示例，可以连接蓝牙打印机，并根据输入的字符串生成二维码并打印。同时，代码中也包含了设置二维码位置的功能。 需要注意的是，这个代码示例依赖于第三方库 `CoreBluetooth` 和 `QRCodeGenerator`，请确保已经正确安装这些库。 ```swift import UIKit import CoreBluetooth import QRCodeGenerator class ViewController: UIViewController, CBCentralManagerDelegate, CBPeripheralDelegate { // 蓝牙设备的名称 let DEVICE_NAME = "Your Bluetooth Printer Name" // 蓝牙相关变量 var centralManager: CBCentralManager! var targetPeripheral: CBPeripheral? var writeCharacteristic: CBCharacteristic? override func viewDidLoad() { super.viewDidLoad() // 初始化蓝牙中央设备管理器 centralManager = CBCentralManager(delegate: self, queue: nil) } // 扫描到蓝牙设备后的回调函数 func centralManager(_ central: CBCentralManager, didDiscover peripheral: CBPeripheral, advertisementData: [String : Any], rssi RSSI: NSNumber) { if peripheral.name == DEVICE_NAME { targetPeripheral = peripheral // 连接蓝牙设备 centralManager.connect(targetPeripheral!, options: nil) } } // 连接蓝牙设备成功后的回调函数 func centralManager(_ central: CBCentralManager, didConnect peripheral: CBPeripheral) { targetPeripheral?.delegate = self targetPeripheral?.discoverServices(nil) } // 发现蓝牙服务后的回调函数 func peripheral(_ peripheral: CBPeripheral, didDiscoverServices error: Error?) { if let services = peripheral.services { for service in services { // 找到可写的特征值 peripheral.discoverCharacteristics([CBUUID(string: "FFF1")], for: service) } } } // 发现蓝牙特征值后的回调函数 func peripheral(_ peripheral: CBPeripheral, didDiscoverCharacteristicsFor service: CBService, error: Error?) { if let characteristics = service.characteristics { for characteristic in characteristics { if characteristic.properties.contains(.write) { writeCharacteristic = characteristic // 生成二维码并打印 let qrCode = QRCode("Hello, world!") let imageData = qrCode?.image(size: CGSize(width: 200, height: 200)) let data = UIImagePNGRepresentation(UIImage(data: imageData!)!) peripheral.writeValue(data!, for: characteristic, type: .withResponse) // 设置二维码位置 let position = Data([0x1B, 0x24, 0x00, 0x00, 0x1B, 0x61, 0x01]) peripheral.writeValue(position, for: characteristic, type: .withResponse) } } } } // 开始扫描蓝牙设备 func startScanning() { centralManager.scanForPeripherals(withServices: nil, options: nil) } // 蓝牙状态发生变化时的回调函数 func centralManagerDidUpdateState(_ central: CBCentralManager) { if central.state == .poweredOn { startScanning() } } } ``` 这个代码示例中，我们使用了 `QRCodeGenerator` 库来生成二维码，并使用了 `CoreBluetooth` 库来连接蓝牙设备和发送数据。其中，我们通过 `peripheral(_:didDiscoverCharacteristicsFor:error:)` 函数来发现蓝牙特征值，并找到可写的特征值来发送数据。同时，我们也在这个函数中生成二维码，并设置了二维码在纸张上的位置。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值