uniapp连接佳博打印机实现蓝牙打印票据功能

最新推荐文章于 2024-05-07 16:37:11 发布
最新推荐文章于 2024-05-07 16:37:11 发布
阅读量5.8k 收藏 25
点赞数 2
文章标签： uni-app 蓝牙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_41899377/article/details/122982290
版权

开始实现搜索蓝牙。获取蓝牙设备。连接蓝牙设备等操作。代码如下 

<template>
	<view class="content">
		
		<button class="btn" type="primary" :loading="isSearching" @tap="startSearch">开始搜索 </button>
		<button class="btn" type="warn" @tap="stopSearch">停止搜索</button>
		
		
		<view v-for="(item) in list" :data-title="item.deviceId" :data-name="item.name" :data-advertisData="item.advertisServiceUUIDs"
		 :key="item.deviceId" @tap="bindViewTap">
			<view class="item">
				<view class="deviceId block">{{item.deviceId}}</view>
				<view class="name block">{{item.name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				isSearching: false, //是否正在搜索中
				list: [],
				services: [],
				serviceId: 0,
				writeCharacter: false,
				readCharacter: false,
				notifyCharacter: false
			};
		},
		computed: mapState(['sysinfo', 'Bluetooth']),
		onLoad() {
			// console.log(this.Bluetooth)
			
		},
		onUnload() {
			//停止搜索蓝牙设备
			if (this.isSearching) {
				uni.stopBluetoothDevicesDiscovery();
			}
		},
		methods: {
			//错误码提示
			errorCodeTip(code) {
				if (code == 0) {
					//正常
				} else if (code == 10000) {
					uni.showToast({
						title: '未初始化蓝牙适配器',
						icon: 'none'
					})
				} else if (code == 10001) {
					uni.showToast({
						title: '当前蓝牙适配器不可用',
						icon: 'none'
					})
				} else if (code == 10002) {
					uni.showToast({
						title: '没有找到指定设备',
						icon: 'none'
					})
				} else if (code == 10003) {
					uni.showToast({
						title: '连接失败',
						icon: 'none'
					})
				} else if (code == 10004) {
					uni.showToast({
						title: '没有找到指定服务',
						icon: 'none'
					})
				} else if (code == 10005) {
					uni.showToast({
						title: '没有找到指定特征值',
						icon: 'none'
					})
				} else if (code == 10006) {
					uni.showToast({
						title: '当前连接已断开',
						icon: 'none'
					})
				} else if (code == 10007) {
					uni.showToast({
						title: '当前特征值不支持此操作',
						icon: 'none'
					})
				} else if (code == 10008) {
					uni.showToast({
						title: '其余所有系统上报的异常',
						icon: 'none'
					})
				} else if (code == 10009) {
					uni.showToast({
						title: 'Android 系统特有，系统版本低于 4.3 不支持 BLE',
						icon: 'none'
					})
				}
			},
			//开始搜索蓝牙
			startSearch() {
				let that = this
				uni.openBluetoothAdapter({
					success(res) {
						uni.getBluetoothAdapterState({
							success(res2) {
								console.log('getBluetoothAdapterState:', res2)
								if (res2.available) {
									that.isSearching = true;
									if (res2.discovering) {
										uni.showToast({
											title: '正在搜索附近打印机设备',
											icon: "none"
										})
										return;
									}
			
									//获取蓝牙设备信息
									that.getBluetoothDevices()
			
									// that.checkPemission()
								} else {
									uni.showModal({
										title: '提示',
										content: '本机蓝牙不可用',
									})
								}
							}
						});
					},
					fail() {
						uni.showModal({
							title: '提示',
							content: '蓝牙初始化失败，请打开蓝牙',
						})
					}
				})
			},
			stopSearch() {
				uni.stopBluetoothDevicesDiscovery({
					success: (res) => {
						this.isSearching = false;
						console.log('stop:', res)
					},
					fail: (e) => {
						console.log('stop:', e)
						this.errorCodeTip(e.errCode);
					}
				})
			},
			//校验权限
			checkPemission() {
				let that = this
				let {
					BLEInformation
				} = that.Bluetooth;
				let platform = BLEInformation.platform;
				that.getBluetoothDevices();
			},
			//获取蓝牙设备信息
			getBluetoothDevices() {
				let that = this
				that.list = [];
				uni.startBluetoothDevicesDiscovery({
					success(res) {
						// console.log(res)
						//蓝牙设备监听 uni.onBluetoothDeviceFound
						plus.bluetooth.onBluetoothDeviceFound((result) => {
							console.log('onBluetoothDeviceFound:', result)
							let arr = that.list;
							let devices = [];
							let list = result.devices;
							for (let i = 0; i < list.length; ++i) {
								if (list[i].name && list[i].name != "未知设备") {
									let arrNew = arr.filter((item) => {
										return item.deviceId == list[i].deviceId;
									});
									// console.log('arrNew:',arrNew.length)
									if (arrNew.length == 0) {
										devices.push(list[i]);
									}
								}
							}
			
							that.list = arr.concat(devices);
						});
						that.time = setTimeout(() => {
							// uni.getBluetoothDevices
							plus.bluetooth.getBluetoothDevices({
								success(res2) {
									let devices = [];
									let list = res2.devices;
									for (let i = 0; i < list.length; ++i) {
										if (list[i].name && list[i].name != "未知设备") {
											devices.push(list[i]);
										}
									}
			
									that.list = devices;
									console.log('getBluetoothDevices:',res2);
								},
							})
			
							clearTimeout(that.time);
						}, 3000);
					}
				});
			
			},
			//绑定蓝牙
			bindViewTap(e) {
				let that = this;
				let {
					title
				} = e.currentTarget.dataset;
				let {
					BLEInformation
				} = that.Bluetooth;
				this.stopSearch();
				
				that.serviceId = 0;
				that.writeCharacter = false;
				that.readCharacter = false;
				that.notifyCharacter = false;
				uni.showLoading({
					title: '正在连接',
				})
				console.log('deviceId:', title)
				// uni.createBLEConnection
				plus.bluetooth.createBLEConnection({
					deviceId: title,
					success(res) {
						console.log('createBLEConnection success:', res)
						BLEInformation.deviceId = title;
						that.$store.commit('BLEInformationSet', BLEInformation);
						uni.hideLoading()
						that.getSeviceId()
					},
					fail(e) {
						that.errorCodeTip(e.errCode);
						uni.hideLoading()
					}
				})
			},
			//获取蓝牙设备所有服务(service)。
			getSeviceId() {
				let that = this;
				let {
					BLEInformation
				} = that.Bluetooth;
				console.log('BLEInformation.deviceId:',BLEInformation.deviceId)
				// uni.getBLEDeviceServices
				let t=setTimeout(()=>{
					plus.bluetooth.getBLEDeviceServices({
						deviceId: BLEInformation.deviceId,
						success(res) {
							console.log('getBLEDeviceServices success:',res)
							that.services = res.services;
							that.getCharacteristics()
						},
						fail: function(e) {
							that.errorCodeTip(e.code);	
							console.log('getBLEDeviceServices fail:',e)
						}
					})
					clearTimeout(t);
				},1500)
			},
			getCharacteristics() {
				var that = this
				let {
					services: list,
					serviceId: num,
					writeCharacter: write,
					readCharacter: read,
					notifyCharacter: notify
				} = that;
				let {
					BLEInformation
				} = that.Bluetooth;
				// uni.getBLEDeviceCharacteristics
				plus.bluetooth.getBLEDeviceCharacteristics({
					deviceId: BLEInformation.deviceId,
					serviceId: list[num].uuid,
					success(res) {
						// console.log(res)
						for (var i = 0; i < res.characteristics.length; ++i) {
							var properties = res.characteristics[i].properties
							var item = res.characteristics[i].uuid
							if (!notify) {
								if (properties.notify) {
									BLEInformation.notifyCharaterId = item;
									BLEInformation.notifyServiceId = list[num].uuid;
									that.$store.commit('BLEInformationSet', BLEInformation);
									notify = true
								}
							}
							if (!write) {
								if (properties.write) {
									BLEInformation.writeCharaterId = item;
									BLEInformation.writeServiceId = list[num].uuid;
									that.$store.commit('BLEInformationSet', BLEInformation);
									write = true
								}
							}
							if (!read) {
								if (properties.read) {
									BLEInformation.readCharaterId = item;
									BLEInformation.readServiceId = list[num].uuid;
									that.$store.commit('BLEInformationSet', BLEInformation);
									read = true
								}
							}
						}
						if (!write || !notify || !read) {
							num++
							that.writeCharacter = write;
							that.readCharacter = read;
							that.notifyCharacter = notify;
							that.serviceId = num;
							if (num == list.length) {
								uni.showModal({
									title: '提示',
									content: '找不到该读写的特征值',
								})
							} else {
								that.getCharacteristics()
							}
						} else {
							that.openControl()
						}
					},
					fail: function(e) {
						console.log("getBLEDeviceCharacteristics fail：",e);
						that.errorCodeTip(e.errCode);	
					}
				})
			},
			openControl: function() {
				uni.navigateTo({
					url: '/pages/sendCommand/sendCommand',
				})
			},
		}
	}
</script>

<style lang="less">
	.btn {
		margin-top: 50rpx;
		height: 40px;
		width: 600rpx;
		line-height: 40px;
	}

	.item {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 0 30px;
		margin-top: 10px;
		background-color: #FFA850;
		border-radius: 5px;
		border-bottom: 2px solid #68BAEA;
	}

	.block {
		display: block;
		color: #ffffff;
		padding: 5px;
	}
</style>

在store index.js注入全局所需要监听的而蓝牙设备的信息等

let sysinfo = uni.getSystemInfoSync();
const Bluetooth = {
	state: {
		//蓝牙信息
		BLEInformation: {
			platform: sysinfo.platform || "",
			deviceId: "",
			writeCharaterId: "",
			writeServiceId: "",
			notifyCharaterId: "",
			notifyServiceId: "",
			readCharaterId: "",
			readServiceId: "",
		}
	},
	mutations:{
		BLEInformationSet(state, info){
			state.BLEInformation = info;
		}
	}
}

export default Bluetooth;

在就是实现打印的操作。对指令进行操作（有js转化指令，js包在资源管理中自行下载）实现小票功能（一般打印机初始字节是20）。因为是动态小票在此是接收模板string.利用eval()转化为js实现。

<template>
	<view class="content">
		<view class="body">
			<view style='margin-top:4%;display: flex;flex-direction: row;'>
			   <button type='primary' @tap='receiptTest' :loading='isReceiptSend' :disabled='isReceiptSend'>打印</button>
			</view>
		
		
		</view>
	</view>
</template>

<script>
	import { mapActions } from 'vuex';
	var tsc = require("../compontents/ble/tsc.js");
	var esc = require("../compontents/ble/esc.js");
	var encode = require("../compontents/ble/encoding.js");
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				sendContent: "",
				looptime: 0,
				currentTime: 1,
				lastData: 0,
				oneTimeData: 20,
				buffSize: [],
				buffIndex: 0,
				printNum: [],
				printerNum: 1,
				currentPrint: 1,
				isReceiptSend: false,
				moudlestr:'',
			};
		},
		computed: mapState(['sysinfo', 'Bluetooth']),
		onLoad(options) {
			let that = this;
			let {
				BLEInformation
			} = that.Bluetooth;
			that.getStr()
			that.printData=JSON.parse(decodeURIComponent(options.obj))
		},
	
		onUnload() {
			let that = this;
			let {
				BLEInformation
			} = that.Bluetooth;
		},
		methods:{
			...mapActions(['majax', 'goout']),
			getStr(){		
				this.majax({ url: this.$local + 'system/bluetooth/mould/getInfoByDjlx', params: { djlx: 'SPYCD' }, method: 'get' }).then(res => {
					console.log('res',res)
					if (res.code == 0) {
						console.log('res',res)
						this.moudlestr=res.data.mouldStr
					}
					})
			},

			//票据测试
			receiptTest(){
				var that = this;
				// var canvasWidth = that.canvasWidth
				// var canvasHeight = that.canvasHeight
				// var command = esc.jpPrinter.createNew()
				// command.init()
				let data = that.printData
				eval(this.moudlestr)
				
				command.setPrintAndFeedRow(3);
				
				that.isReceiptSend = true;
				console.log(command.getData())
				that.prepareSend(command.getData());
			
			
			},
			
			//准备发送，根据每次发送字节数来处理分包数量
			prepareSend(buff){
				console.log(buff);
				let that = this
				that.tryTimes=10000;
				let time = that.oneTimeData
				let looptime = parseInt(buff.length / time);
				let lastData = parseInt(buff.length % time);
				console.log(looptime + "---" + lastData)
				this.looptime = looptime + 1;
				this.lastData = lastData;
				this.currentTime = 1;
				that.Send(buff)
			},
			//查询打印机状态
			queryStatus(){
				let command = esc.jpPrinter.Query();
				command.getRealtimeStatusTransmission(1);
			},
			//分包发送
				Send(buff){
			
					let that = this
					let {currentTime,looptime:loopTime,lastData,oneTimeData:onTimeData,printerNum:printNum,currentPrint,tryTimes:tryTimes}=that;
					let buf;
					let dataView;
			
					if (currentTime < loopTime) {
					  buf = new ArrayBuffer(onTimeData)
					  dataView = new DataView(buf)
					  for (var i = 0; i < onTimeData; ++i) {
						dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
					  }
					} else {
					  buf = new ArrayBuffer(lastData)
					  dataView = new DataView(buf)
					  for (var i = 0; i < lastData; ++i) {
						dataView.setUint8(i, buff[(currentTime - 1) * onTimeData + i])
					  }
					}
					console.log("第" + currentTime + "次发送数据大小为：" + buf.byteLength)
					let {
						BLEInformation
					} = that.Bluetooth;
					console.log(BLEInformation.deviceId)
					
					
					plus.bluetooth.writeBLECharacteristicValue({
					  deviceId: BLEInformation.deviceId,
					  serviceId: BLEInformation.writeServiceId,
					  characteristicId: BLEInformation.writeCharaterId,
					  value: buf,
					  success: function(res) {
						console.log(res)
						currentTime++
						if (currentTime <= loopTime) {
						  that.currentTime = currentTime;
						  that.Send(buff)
						} else {
						  uni.showToast({
							title: '已打印第' + currentPrint + '张',
						  })
						  if (currentPrint == printNum) {
							that.looptime = 0;
							that.lastData = 0;
							that.currentTime = 1;
							that.isReceiptSend = false;
							that.currentPrint = 1;
						  } else {
							currentPrint++;
							that.currentPrint = currentPrint;
							that.currentTime = 1;
							that.Send(buff)
						  }
						}
					  },
					  fail: function(e) {
					  	console.log('fail',e)
					  	if(tryTimes>0){
					  		that.Send(buff)
					  	}
					  },
					  complete: function(e) {
					  	tryTimes--
						console.log('fail',e)
					  }
					
					})
				},
				
		}
	}
</script>

<style lang="less">

</style>

具体是参考

Android、IOS 佳博 蓝牙小票 、标签 打印模板 - DCloud 插件市场

文仔酱酱酱
关注
  • 2
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序 蓝牙打印esc编码格式
chensi_07的博客
05-28 411
【代码】微信小程序 蓝牙打印esc编码格式。
记录--uni-app实现蓝牙打印小票
林恒的博客
09-13 3155
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说明 基于uni-app开发，调用官方蓝牙相关api实现连接蓝牙与向蓝牙热敏打印机发送字节流，可打印文字，二维码，图片，调整字体大小等，本文提供大概思路 结构 bluetooth.js 蓝牙连接相关模块封装 commands.js 打印十六进制相关代码库 gbk.js 编码转换库地址 printerjobs.js 打印实现库...
uniapp连接蓝牙打印机(测试)
最新发布
qq_59898504的博客
05-07 461
【代码】uniapp连接蓝牙打印机(测试)
wifi打印机打印（二维码，条形码等）uniapp
he3236220的博客
01-16 3420
【代码】wifi打印机打印（二维码，条形码等）
uniapp开发实现蓝牙打印
weixin_65644264的博客
11-17 724
文件中添加需要蓝牙打印需要用的插件，如 uni-blueprinter 插件。方法关闭蓝牙适配器。在检测到蓝牙打印机之前必须使用。可以使用 uni-blueprinter 中提供的。同时，在销毁页面之前必须使用。使用 uni-blueprinter 中提供的。方法搜索附近的蓝牙设备。根据设备 ID，使用。方法打开蓝牙适配器、或。
uni-app微信小程序使用佳博蓝牙打印机
热门推荐
努力奔跑的小不点
05-23 2万+
1.佳博打印js copy到项目里。2.需要打印的vue页面引入js。
uniApp原生Android蓝牙打印机，打印小票
蓝斑.json的博客
08-02 712
u-button plain size="mini" @click="onConnect(device,printTest)" shape="circle" >连接重新连接断开连接
Android手机通过蓝牙连接佳博打印机的实例代码
01-05
所使用的打印机为佳博打印机，支持蓝牙、wifi、usb我所使用的是通过蓝牙来连接。 在网上找到一个佳博官方针对安卓开发的App源码，但是各种的跳转，没有看太懂，所以又去问度娘，找到了一个不错的文章 Android对于...
uniapp-Gprinter 佳博蓝牙打印插件
11-11
http://www.html5-app.com/show/120 描述如图哈， 做原作者要收费的哈。 我也是从愿作者那花钱买来的
uniapp开发蓝牙适配佳博打印指令（esc,tsc）js
02-17
蓝牙打印指令js
微信小程序连接蓝牙打印机打印文字图片实例程序
12-17
微信小程序连接蓝牙打印机打印文字图片实例程序 搜索蓝牙设备发送打印指令打印文字图片二维码等。
js+web调用打印机代码
08-27
js调用打印机代码,可以直接对网页进行打印预览，设置，打印
ios版连接佳博打印机格式化打印
03-01
ios版连接蓝牙打印机开发demo,包含开发文档，中文编程手册，指令集
10、启用特征值变化(notifyBLECharacteristicValueChange)
无聊达的博客
04-12 1万+
wx.notifyBLECharacteristicValueChange(Object object) 基础库 1.1.0 开始支持，低版本需做兼容处理。 启用低功耗蓝牙设备特征值变化时的 notify 功能，订阅特征值。注意：必须设备的特征值支持 notify 或者 indicate 才可以成功调用。 另外，必须先启用notifyBLECharacteristicValueChan...
【微信小程序】蓝牙连接 流程
牛哞哞杂记
03-28 2383
小程序蓝牙低功耗蓝牙主要有以下几个步骤以及会用到的接口： 打开适配器（openBluetoothAdapter） 监听蓝牙适配器状态变化（onBluetoothAdapterStateChange） 搜索蓝牙（startBluetoothDevicesDiscovery） 寻找到蓝牙新设备（onBluetoothDeviceFound） 连接蓝牙（createBLEConnection） 停止搜...
uni-app 连接蓝牙打印机
T0627的博客
07-21 4059
前言：2021.07.12 接到需求 离线版App需要增加打码功能 使用的是汉印打印机 确定你打码的规则 例如：明码、暗码 创建二维码 我使用的是 u-draw-poster 和 image-tools 组件地址下方 u-draw-poster :https://ext.dcloud.net.cn/plugin?id=3237 image-tools :https://ext.dcloud.net.cn/plugin?id=123 打开蓝牙权限 manifest.json->App模块配..
uniapp html5+ plus蓝牙连接电子秤
MrHao_的博客
11-22 2604
uniapp /html5+ 蓝牙连接电子秤 <template> <view class="container"> <uni-nav-bar title="设备管理" left-icon="back" fixed backgroundColor='#fff' color='#000' :border='false'> </uni-nav-bar> <view class="ul"> <view class="li" v
微信小程序蓝牙writeBLECharacteristicValue 1004错误问题
zxc147716565的博客
08-13 5166
最近开发微信小程序的蓝牙部分，在向蓝牙设备发送数据时，一直提示writeBLECharacteristicValue 1004的问题，网上并没有太多的解决办法。折腾了半天也没解决，而因为我是用的官方demo去改，也一直没有怀疑过官方demo是否有问题，直到刚才才发现，官方的demo里面发送数据的writeBLECharacteristicValue是这样写的 wx.writeBLECharacteristicValue({ deviceId: this._deviceId,
uniapp 传统BT蓝牙打印
supermanwdp的博客
03-29 328
uniapp 调用原生android BT打印标签
uniapp-gprinter 佳博蓝牙打印插件
09-03
uniapp-gprinter 是一个用于在 Uniapp 开发框架中使用佳博蓝牙打印机的插件。佳博蓝牙打印插件可以将Uniapp与佳博蓝牙打印机连接起来，实现打印功能。 使用 uniapp-gprinter 插件，可以方便地实现佳博蓝牙打印机的连接和打印操作。只需要在 Uniapp 的项目中引入该插件，并进行相应的配置，就可以开始使用佳博蓝牙打印机了。 使用该插件，我们可以通过蓝牙连接佳博打印机，并进行打印操作。可以打印文本、图片、表格等内容。可以设置打印样式，例如字体大小、颜色、间距等。还可以进行批量打印，方便快捷。 通过 uniapp-gprinter 插件，我们可以实现各种场景下的打印需求。比如在商超中打印购物小票，在餐厅中打印订单，或者在医院中打印病历等等。这些操作都可以通过该插件来轻松完成。 总之，uniapp-gprinter 插件是一个在 Uniapp 开发框架中使用佳博蓝牙打印机的工具，可以方便地实现打印功能。无论是在商业还是个人领域，该插件都能提供便捷、高效的打印解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值