smart_campus_uni/components/xun-bluetoothPrint-t/index.vue

<template>
	<view>
		<button @click="discoveryPrinter">搜索打印机</button>
		<button @click="stopDiscoveryPrinter">停止搜索打印机</button>
		<button @click="offDevice">断开连接</button>
		<view>选中的设备：{{deviceId}}</view>
		<view class="text-red">设备列表</view>
		<radio-group @change="radioChange">
			<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in devices" :key="item.deviceId">
				<view>
					<radio :value="item.deviceId" :checked="deviceId === item.deviceId"/>{{item.name}}({{item.deviceId}})
				</view>
			</label>
		</radio-group>
		
		<view class="text-red">设备服务列表</view>
		<radio-group @change="radioChange2">
			<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in serverList" :key="index">
				<view>
					<radio :value="item.uuid" />{{item.uuid}}
				</view>
			</label>
		</radio-group>
		
		<view class="text-red">特征值</view>
		<radio-group @change="radioChange3">
			<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in characteristics" :key="index">
				<view>
					<radio :value="item.uuid" />{{item.uuid}}(write:{{item.properties.write}} notify:{{item.properties.notify}} indicate:{{item.properties.indicate}})
				</view>
			</label>
		</radio-group>
		
		<button @click="writeBLECharacteristicValue">打印</button>
	</view>
</template>

<script>
import PrinterJobs from './print/printerjobs.js'
import printerUtil from './print/printerutil.js'
export default {
	name: 'xun_bluetoothPrint_t',
	data () {
		return {
			devices: [],
			deviceId: '',
			serverList: [],
			serviceId: '',
			characteristics: [],
			characteristicId: ''
		}
	},
	mounted () {
		// 初始化蓝牙模块
		this.openBluetoothAdapter()
	},
	methods: {
		openBluetoothAdapter () {
			var _this = this
			uni.openBluetoothAdapter({
				complete (e) {
					console.log(e);
					if (!e.errCode) {
						console.log('初始化完成')
					} else if (e.errCode == 10001) {
						uni.showToast({
							icon: 'none',
							title: '请打开手机蓝牙'
						})
					} else {
						uni.showToast({
							icon: 'none',
							title: e.errMsg
						})
					}
				}
			})
		},
		// 开始搜寻附近的蓝牙外围设备
		discoveryPrinter () {
			var _this = this
			_this.devices = []
			uni.startBluetoothDevicesDiscovery({
				complete (e) {
					// console.log(e)
					if (e.errMsg == "startBluetoothDevicesDiscovery:ok") {
						// ArrayBuffer转16进度字符串示例
						uni.onBluetoothDeviceFound(devices => {
							// console.log(devices)
							_this.devices.push(devices.devices[0])
						})
					}
				}
			})
		},
		// 停止搜寻附近的蓝牙外围设备
		stopDiscoveryPrinter () {
			uni.stopBluetoothDevicesDiscovery()
		},
		radioChange (e) {
			console.log(e)
			if(!e.detail.value) return;
			this.deviceId = e.detail.value
			this.serviceId = ''
			this.serverList = []
			this.characteristics = []
			this.characteristicId = ''
			//连接蓝牙
			this.connect()
		},
		radioChange2 (e) {
			console.log(e)
			this.serviceId = e.detail.value
			this.characteristics = []
			this.characteristicId = ''
			// 获取蓝牙特征值
			this.getBLEDeviceCharacteristics()
		},
		radioChange3 (e) {
			console.log(e)
			this.characteristicId = e.detail.value
		},
		offDevice () {
			uni.showLoading({
			    title: '正在断开连接...'
			});
			uni.closeBLEConnection({
				deviceId: this.deviceId,
				success: () => {
					uni.showToast({
					    title: '已断开'
					});
					this.deviceId = ''
				},
				fail: (e) => {
					console.log(`断开连接id:${this.deviceId}失败`, e)
					uni.showToast({
					    title: '断开失败.'
					});
				},
				complete: () => {
					uni.hideLoading()
				}
			})
		},
		connect () {
			var _this = this
			uni.showLoading({
			    title: '正在连接...'
			});
			uni.createBLEConnection({
				deviceId: _this.deviceId,
				success (e) {
					console.log('连接成功', e)
					//获取蓝牙设备所有服务(service)。
					setTimeout(() => {
						_this.getBLEDeviceServices()
					}, 500)
				},
				fail (e) {
					console.log('连接失败', e)
					uni.showToast({
						icon: 'none',
						title: '连接设备失败'
					})
				},
				complete() {
					uni.hideLoading()
				}
			})
		},
		// 断开连接
		
		getBLEDeviceServices(){
			var _this = this
			uni.getBLEDeviceServices({
				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
				deviceId: _this.deviceId,
				success:(res)=>{
					console.log('device services:', res)
					_this.serverList = res.services
					// _this.serviceId = res.services[0].uuid;
					console.log('serverId:', _this.serviceId)
				}
			})
		},
		getBLEDeviceCharacteristics () {
			var _this = this
			uni.getBLEDeviceCharacteristics({
				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
				deviceId: _this.deviceId,
				// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
				serviceId:_this.serviceId,
				success:(res)=>{
					console.log('getBLEDeviceCharacteristics', res)
					_this.characteristics = res.characteristics
					// _this.characteristicId = res.characteristics[0].uuid
				},
				fail:(res)=>{
					console.log(res)
				}
			})
		},
		// 发送二进制数据
		writeBLECharacteristicValue(){
			if (!this.deviceId) {
				uni.showToast({
					icon: 'none',
					title: '请选择设备'
				})
				return
			}
			if (!this.serviceId) {
				uni.showToast({
					icon: 'none',
					title: '请选择设备服务'
				})
				return
			}
			if (!this.characteristicId) {
				uni.showToast({
					icon: 'none',
					title: '请选择特征值'
				})
				return
			}
			let printerJobs = new PrinterJobs()
			var arr = [{
					title: '阿根廷车厘子',
					number: 20,
					price: '￥188.00'
				}, {
					title: '新鲜山竹',
					number: 38,
					price: '￥199.00'
				}]
			var arr2 = [{
				title: '平台消暑费',
				price: '9.99'
			},{
				title: '打包费',
				price: '2.00',
			}]
			printerJobs
			.print(`下单时间：2021-07-25 15:30:23`)
			.print(printerUtil.fillLine())
			.print('备注')
			.setSize(2, 2)
			.setBold(true)
			.print(`叫那位非常漂亮的小姐姐送来，其他人送来拒收`)
			.setSize(1, 1)
			.setBold(false)
			.print(printerUtil.fillLine('*'))
			.setAlign('lt')
			.printArray(arr)
			.print(printerUtil.fillAround('其它'))
			.print(printerUtil.inline('平台随机立减', `-2.10`))
			.print(printerUtil.inline('平台服务费', `-10.99`))
			.printArray(arr2)
			.print(printerUtil.fillLine())
			.setAlign('rt')
			.setSize(1, 2)
			.setBold(true)
			.print(`用户支付：￥99.99`)
			.print(printerUtil.fillLine())
			
			let buffer = printerJobs.buffer();
			console.log('buffer>>>',buffer)
			this.printbuffs(buffer)
		},
		printbuffs(buffer) {
			// 1.并行调用多次会存在写失败的可能性
			// 2.建议每次写入不超过20字节
			// 分包处理，延时调用 
			const maxChunk = 20;
			const delay = 20;
			for (let i = 0, j = 0, length = buffer.byteLength; i < length; i += maxChunk, j++) {
				let subPackage = buffer.slice(i, i + maxChunk <= length ? (i + maxChunk) : length);
				setTimeout(this.printbuff, j * delay, subPackage);
			}
		},
		printbuff(buffer) {
			var _this = this
			uni.writeBLECharacteristicValue({
				// 这里的 deviceId 需要在 getBluetoothDevices 或 onBluetoothDeviceFound 接口中获取
				deviceId: _this.deviceId,
				// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
				serviceId: _this.serviceId,
				// 这里的 characteristicId 需要在 getBLEDeviceCharacteristics 接口中获取
				characteristicId: _this.characteristicId,
				// 这里的value是ArrayBuffer类型
				value: buffer,
				success:(res)=> {
					console.log('writeBLECharacteristicValue success', res.errMsg)
				},
				fail:(res)=> {
					console.log('writeBLECharacteristicValue fail', res.errMsg)
				},
				complete (e) {
					console.log('writeBLECharacteristicValue complete', e)
				}
			})
		}
	}
}
</script>

<style scoped>
* { font-size: 24rpx;}
button { font-size: 28rpx;}
.text-red { color: red; font-size: 28rpx;}
</style>