• uni-app 蓝牙打印, CPCL指令集使用

    先上代码:

    GitHub - byc233518/uniapp-bluetooth-printer-demo: 使用uniApp 连接蓝牙打印机 Demo, CPCL 指令简单实用示例

    (内含 芝珂,佳博,精臣 多个厂家指令集使用文档)

    文件结构:


    ├── App.vue 
    ├── CPCL 指令手册.pdf  // 指令集参考手册
    ├── LICENSE
    ├── README.md
    ├── libs
    │   └── print.js // uni-app打印插件
    ├── main.js // Demo 入口文件
    ├── manifest.json // uni-app 
    ├── node_modules // 依赖
    ├── pages 
    │   ├── index 
    │   │   └── index.vue // Demo 页面, 业务上使用可参考此文件
    │   └── setting
    │   └── index.vue // 打印机连接, 可以集成到应用的系统设置功能
    ├── pages.json // 页面配置文件
    ├── uni.scss // uni-app 样式文件
    └── yarn.lock

    运行方法:

    1. 将代码解压缩, 导入到HBuilderX中;
    2. 连接手机;
    3. 运行到手机或模拟器--运行到Android App 基座;
    4. 待运行完毕, 在 蓝牙设置 界面点击“搜索设备”并进行连接;
    5. 点击”Demo界面”按钮跳转到Demo, 填写表单信息后点击”打印测试”按钮进行测试;

       

    集成步骤:

    1. 将Demo 中 libs/print.js 复制到项目目录下;
    2. 参考Demo 中 pages/setting/index.vue 在项目合适位置集成打印机连接配置功能, 一般在系统设置;
    3. 在需要的文件中引用 libs/print.js 的 print 方法;
    4. 拼接指令集, 见demo, 更多使用方法参见 《CPCL 指令集变成文档.pdf》 ;
    5. 调用 打印插件的 print 方法进行打印,入参为 打印机ID 和 拼接好的指令集字符串;

    代码解析:

    *************************************************libs/print.js***********************************************

    1.  
    2. /**
    4.  * 打印
    6.  * @param mac_address 打印机ID
    8.  * @param data 指令集字符串, 为了灵活起见, 指令集在业务代码中进行转换然后传递进来
    10.  */
    11.  
    12. export const print = (mac_address, data) => {
    13.  
    14.     var that = this
    15.  
    16.     if (!mac_address) {
    17.  
    18.         uni.showModal({
    19.  
    20.             title: "提示",
    21.  
    22.             content: "请选择蓝牙打印机",
    23.  
    24.             showCancel: false,
    25.  
    26.         })
    27.  
    28.         return
    29.  
    30.     }
    31.  
    32.     if (!data) {
    33.  
    34.         uni.showModal({
    35.  
    36.             title: "提示",
    37.  
    38.             content: "请提供打印数据.",
    39.  
    40.             showCancel: false,
    41.  
    42.         })
    43.  
    44.         return
    45.  
    46.     }
    47.  
    48.  
    49.  
    50.     main = plus.android.runtimeMainActivity()
    51.  
    52.     BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter")
    53.  
    54.     var UUID = plus.android.importClass("java.util.UUID")
    55.  
    56.     uuid = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB")
    57.  
    58.     BAdapter = BluetoothAdapter.getDefaultAdapter()
    59.  
    60.     if (!BAdapter.isEnabled()) {
    61.  
    62.         uni.showModal({
    63.  
    64.             title: "提示",
    65.  
    66.             content: "蓝牙处于关闭状态，是否打开？",
    67.  
    68.             success: (_) => {
    69.  
    70.                 if (_.confirm) {
    71.  
    72.                     BAdapter.enable()
    73.  
    74.                 }
    75.  
    76.             },
    77.  
    78.         })
    79.  
    80.         console.log("蓝牙处于关闭状态，正在打开...")
    81.  
    82.         return
    83.  
    84.     }
    85.  
    86.  
    87.  
    88.     device = BAdapter.getRemoteDevice(mac_address)
    89.  
    90.     plus.android.importClass(device)
    91.  
    92.     bluetoothSocket = device.createInsecureRfcommSocketToServiceRecord(uuid)
    93.  
    94.     plus.android.importClass(bluetoothSocket)
    95.  
    96.     if (!bluetoothSocket.isConnected()) {
    97.  
    98.         console.log("检测到设备未连接，尝试连接....")
    99.  
    100.         bluetoothSocket.connect()
    101.  
    102.     }
    103.  
    104.     console.log("设备已连接")
    105.  
    106.     if (bluetoothSocket.isConnected()) {
    107.  
    108.         var outputStream = bluetoothSocket.getOutputStream()
    109.  
    110.         plus.android.importClass(outputStream)
    111.  
    112.         outputStream.write([0x1b, 0x40]) //打印复位
    113.  
    114.         outputStream.flush()
    115.  
    116.  
    117.  
    118.         var bytes = plus.android.invoke(data, "getBytes", "gbk") /*utf-8*/
    119.  
    120.  
    121.  
    122.         outputStream.write(bytes)
    123.  
    124.         outputStream.flush()
    125.  
    126.  
    127.  
    128.         device = null //这里关键
    129.  
    130.         bluetoothSocket.close()
    131.  
    132.     }
    133.  
    134. }

    ******************************************pages/index/index.vue******************************************

    1. <template>
    2. 	<view>
    3. 		<view>
    4. 			<view>
    5. 				<input v-model="formData.name" class="uni-input" placeholder="公司名称" />
    6. 				<input v-model="formData.model" class="uni-input" placeholder="车型" />
    7. 				<input v-model="formData.code" class="uni-input" placeholder="条码" />
    8. 				<input v-model="formData.line" class="uni-input" placeholder="产线" />
    9. 				<input v-model="formData.box" class="uni-input" placeholder="箱号" />
    10. 				<input v-model="formData.date" class="uni-input" placeholder="日期" />
    11. 				<input v-model="formData.operator" class="uni-input" placeholder="装箱人" />
    12. 				<input v-model="formData.auditor" class="uni-input" placeholder="确认人" />
    13. 			view>
    14. 			<view class="buttos-bar">
    15. 				<button class="plain-button plain-button--blue" @click="printTest">打印测试button>
    16. 				<navigator url="/pages/setting/index" hover-class="navigator-hover">
    17. 					<button type="default">跳转到设置界面button>
    18. 				navigator>
    19. 			view>
    20. 		view>
    21. 	view>
    22. 	view>
    23. template>
    24.  
    25. <script>
    26. 	// 引入打印插件的打印方法
    27. 	import {
    28. 		print
    29. 	} from '@/libs/print.js'
    30.  
    31. 	export default {
    32. 		name: 'PrintDemo',
    33. 		data() {
    34. 			return {
    35. 				// 业务数据
    36. 				formData: {
    37. 					name: "xxx配件有限公司",
    38. 					model: "型号123456789",
    39. 					code: "编码123456789",
    40. 					line: "产线1",
    41. 					box: "序号1",
    42. 					date: "2023/11/15",
    43. 					operator: "操作人",
    44. 					auditor: "审核人",
    45. 				}
    46. 			}
    47. 		},
    48. 		methods: {
    49. 			printTest() {
    50. 				// 从缓存中获取已经连接的打印机信息
    51. 				var printerid = uni.getStorageSync('ble_printerId')
    52. 				if (printerid) {
    53. 					if (printerid != null && printerid.length > 0) {
    54. 						
    55. 						const data = this.formData
    56. 						
    57. 						// 标签开始, 固定开头, 详见 指令集文档
    58. 						var str = " ! 0 200 200 350 1 " + '\r\n';
    59. 						// 设置打印纸张宽度
    60. 						str += "PAGE-WIDTH 600" + '\r\n';
    61. 						
    62. 						// 标签内容
    63. 						// 文本 {command} {font} {size} {x} {y} {data}
    64. 						str += "TEXT 24 0 30 50 " + data.name +"\r\n";
    65. 						// 二维码 {command} {type} {x} {y} [M n] [U n] {data}
    66. 						str += "B QR 380 20 M 2 U 5" + '\r\n';
    67. 						str += "MA," + data.code +"\r\n";
    68. 						str += "ENDQR" + '\r\n';
    69. 						
    70. 						str += "TEXT 24 0 30 100 车型: " + data.model +"\r\n";
    71. 						str += "TEXT 24 0 30 150 条码编号:" + data.code +"\r\n";
    72. 						str += "TEXT 24 0 320 150 生产线号:" + data.line +"\r\n";
    73. 						str += "TEXT 24 0 30 200 装箱序号:" + data.box +"\r\n";
    74. 						str += "TEXT 24 0 320 200 日期:" + data.date +"\r\n";
    75. 						str += "TEXT 24 0 30 250 装箱人:" + data.operator +"\r\n";
    76. 						str += "TEXT 24 0 320 250 确认人:" + data.auditor +"\r\n";
    77. 							
    78. 						// 标签结束
    79. 						str += "GAP-SENSE" + '\r\n';
    80. 						str += "FORM " + '\r\n';
    81. 						str += "PRINT " + '\r\n';
    82. 						
    83. 						// 指令集拼接完成, 调用打印插件打印方法进行打印
    84. 						print(printerid, str);
    85. 					}
    86. 				} else {
    87. 					uni.showModal({
    88. 						title: '提示',
    89. 						content: '请先选择已配对的蓝牙打印机, 再进行测试.',
    90. 						showCancel: false
    91. 					})
    92. 				}
    93. 			},
    94. 		},
    95. 	}
    96. script>
    97.  
    98. <style scoped lang="scss">
    99. 	.uni-input {
    100. 		margin-top: 10px;
    101. 		height: 30px;
    102. 		border: 1px solid #eee;
    103. 	}
    104. style>

    ****************************************pages/setting/index.vue******************************************

    方法解释:

    1. searchDevices  //开始搜寻附近的蓝牙外围设备
    2.  
    3. onConn // 连接打印机

  • 相关阅读:
    机器学习笔记之受限玻尔兹曼机(二)模型表示
    电流互感器与电能仪表的施工安装指导
    Unity-动画状态机使用细节记录
    C#使用策略模式或者委托替代多IfElse判断和Switch语句
    SpringBoot项目集成Redis+JWT实现系统登录token校验
    java基于SpringBoot+vue 的简历模板分享系统 elementui前后端分离
    SM4 研究与实现
    gdb结合valgrind一起使用
    QTday06(人脸识别项目前置知识)
    2022年最新重庆机动车签字授权人模拟考试及答案
  • 原文地址：https://blog.csdn.net/byc233518/article/details/134433477