南京连赛贸易有限公司
User Avatar

怎样建设网站陕西网站建设

南京连赛贸易有限公司 2026/09/09 20:17:38

蓝牙页面-手动点击搜索蓝牙 然后选中某个打印机 进行手动点击打印--权限配置什么的 在上面某个都已配置了

import React, { useEffect, useState, useRef } from 'react'; import { Button, View, Alert, PermissionsAndroid, Platform, Text, ScrollView, TouchableOpacity, } from 'react-native'; import { BleManager, Device } from 'react-native-ble-plx'; import { Buffer } from 'buffer'; import iconv from 'iconv-lite'; const manager = new BleManager(); const BluetoothPrinter = ({ route }) => { const { arrearsData } = route.params || {}; console.log('打印数据:', arrearsData); const [isScanning, setIsScanning] = useState(false); const [foundDevices, setFoundDevices] = useState([]); const [isConnected, setIsConnected] = useState(false); const [currentDevice, setCurrentDevice] = useState(null); const [servicesInfo, setServicesInfo] = useState(''); const [connectionStatus, setConnectionStatus] = useState('未连接'); const [writeCharacteristics, setWriteCharacteristics] = useState([]); const [scanTimeLeft, setScanTimeLeft] = useState(0); const scanTimeoutRef = useRef(null); const scanTimerRef = useRef(null); useEffect(() => { const stateSubscription = manager.onStateChange(state => { console.log('蓝牙状态:', state); if (state === 'PoweredOn') { console.log('蓝牙已开启'); } else if (state === 'PoweredOff') { Alert.alert('提示', '请开启手机蓝牙'); setConnectionStatus('蓝牙未开启'); stopScan(); // 蓝牙关闭时停止扫描 } }, true); return () => { stateSubscription.remove(); stopScan(); // 组件卸载时停止扫描 }; }, []); // 权限请求函数 const requestBluetoothPermission = async () => { if (Platform.OS !== 'android') { return true; } try { const apiLevel = Platform.Version; let permissions = []; if (apiLevel >= 31) { permissions = [ 'android.permission.BLUETOOTH_SCAN', 'android.permission.BLUETOOTH_CONNECT', 'android.permission.ACCESS_FINE_LOCATION', ]; } else { permissions = [ 'android.permission.BLUETOOTH', 'android.permission.BLUETOOTH_ADMIN', 'android.permission.ACCESS_FINE_LOCATION', ]; } const granted = await PermissionsAndroid.requestMultiple(permissions); const allGranted = permissions.every( permission => granted[permission] === PermissionsAndroid.RESULTS.GRANTED, ); return allGranted; } catch (err) { console.warn('权限请求错误:', err); return false; } }; const scanDevices = async () => { try { const hasPermission = await requestBluetoothPermission(); if (!hasPermission) { Alert.alert('权限被拒绝', '需要蓝牙权限才能扫描设备'); return; } const state = await manager.state(); if (state !== 'PoweredOn') { Alert.alert('蓝牙未开启', '请先开启手机蓝牙'); return; } setIsScanning(true); setFoundDevices([]); setServicesInfo(''); setConnectionStatus('扫描中...'); setScanTimeLeft(15); // 设置15秒倒计时 console.log('开始扫描蓝牙设备...'); // 启动倒计时 scanTimerRef.current = setInterval(() => { setScanTimeLeft(prev => { if (prev <= 1) { clearInterval(scanTimerRef.current); return 0; } return prev - 1; }); }, 1000); // 15秒后自动停止扫描 scanTimeoutRef.current = setTimeout(() => { if (isScanning) { console.log('自动停止扫描'); stopScan(); Alert.alert( '提示', '扫描已完成，共找到 ' + foundDevices.length + ' 个设备', ); } }, 15000); manager.startDeviceScan(null, null, (error, device) => { if (error) { console.log('扫描错误:', error); stopScan(); setConnectionStatus('扫描失败'); return; } if (device && device.name) { console.log('发现设备:', device.name, '信号:', device.rssi); setFoundDevices(prev => { const exists = prev.find(d => d.id === device.id); if (!exists) { return [ ...prev, { id: device.id, name: device.name || '未知设备', localName: device.localName, rssi: device.rssi, isPrinter: isLikelyPrinter(device), }, ].sort((a, b) => b.rssi - a.rssi); } return prev; }); } }); } catch (error) { console.log('扫描失败:', error); stopScan(); setConnectionStatus('扫描失败'); } }; // 停止扫描函数 const stopScan = () => { try { manager.stopDeviceScan(); } catch (error) { console.log('停止扫描错误:', error); } setIsScanning(false); setConnectionStatus('扫描完成'); // 清除定时器 if (scanTimeoutRef.current) { clearTimeout(scanTimeoutRef.current); scanTimeoutRef.current = null; } if (scanTimerRef.current) { clearInterval(scanTimerRef.current); scanTimerRef.current = null; } setScanTimeLeft(0); }; // 判断设备是否可能是打印机 const isLikelyPrinter = device => { if (!device.name) return false; const name = device.name.toLowerCase(); const localName = device.localName?.toLowerCase() || ''; const printerKeywords = [ 'printer', 'print', 'prt', 'pos', 'receipt', 'bt', 'blue', 'thermal', '58mm', '80mm', 'tsc', 'rtk', 'u26', 'xp', 'sp', ]; return printerKeywords.some( keyword => name.includes(keyword) || localName.includes(keyword), ); }; const discoverAllServicesAndCharacteristics = async device => { try { console.log('开始发现服务和特征...'); setConnectionStatus('发现服务中...'); await device.discoverAllServicesAndCharacteristics(); const services = await device.services(); console.log('发现的服务数量:', services.length); const allWriteCharacteristics = []; for (const service of services) { try { const characteristics = await device.characteristicsForService( service.uuid, ); for (const char of characteristics) { // 收集所有可写特征 if (char.isWritableWithResponse || char.isWritableWithoutResponse) { allWriteCharacteristics.push({ serviceUUID: service.uuid, characteristicUUID: char.uuid, isWritableWithResponse: char.isWritableWithResponse, isWritableWithoutResponse: char.isWritableWithoutResponse, }); } } } catch (charError) { console.log(`获取服务 ${service.uuid} 特征失败:`, charError); } } console.log('所有可写特征:', allWriteCharacteristics); return allWriteCharacteristics; } catch (error) { console.log('发现服务失败:', error); throw error; } }; // 连接设备（不打印） const connectToDevice = async (deviceId, deviceName) => { try { // 连接设备前先停止扫描 stopScan(); setConnectionStatus('连接中...'); Alert.alert('提示', `正在连接: ${deviceName}`); console.log('连接设备:', deviceName); // 连接设备 const device = await manager.connectToDevice(deviceId, { timeout: 15000, }); console.log('设备连接成功'); setIsConnected(true); setCurrentDevice(device); setConnectionStatus('已连接'); // 发现所有服务和特征 const characteristics = await discoverAllServicesAndCharacteristics( device, ); setWriteCharacteristics(characteristics); if (characteristics.length === 0) { throw new Error('未找到可写的特征'); } Alert.alert( '连接成功', `已连接到: ${deviceName}

发现 ${characteristics.length} 个可写特征
现在可以点击"打印"按钮进行打印`, ); } catch (error) { console.log('连接失败:', error); setIsConnected(false); setCurrentDevice(null); setWriteCharacteristics([]); setConnectionStatus('连接失败'); throw error; } }; // 断开连接 const disconnectDevice = async () => { if (currentDevice) { try { await manager.cancelDeviceConnection(currentDevice.id); setIsConnected(false); setCurrentDevice(null); setWriteCharacteristics([]); setConnectionStatus('已断开'); console.log('设备已断开连接'); } catch (error) { console.log('断开连接错误:', error); } } }; // 打印函数 const handlePrint = async () => { if (!currentDevice || writeCharacteristics.length === 0) { Alert.alert('错误', '请先连接打印机'); return; } try { setConnectionStatus('打印中...'); // 准备打印数据 const printContent = [ 'x1Bx40', // 初始化打印机 'x1Bx61x01', // 居中对齐 'x1Bx45x01', // 加粗 '=== 用水通知单 ===
', 'x1Bx45x00', // 关闭加粗 'x1Bx61x00', // 左对齐 `本期应收: ${arrearsData?.Payment || ''}
`, `总欠费金额: ${arrearsData?.TotalPayment || ''}
`, `余额: ${arrearsData?.Balance || ''}
`, '--------------------------------
', 'x1Bx45x01', // 加粗 '温馨提示:请及时通过微信公众号或者营业厅进行缴费
', 'x1Bx45x00', // 取消加粗 `打印日期: ${new Date().toLocaleString()}
`, '
', '谢谢合作！
', '


', 'x1Dx56x00', // 切纸 ].join(''); // 使用 GBK 编码 const gbkBuffer = iconv.encode(printContent, 'gbk'); const base64Data = gbkBuffer.toString('base64'); let printSuccess = false; let lastError = null; // 尝试所有可写特征 for (const charInfo of writeCharacteristics) { try { console.log(`尝试特征: ${charInfo.characteristicUUID}`); if (charInfo.isWritableWithResponse) { await currentDevice.writeCharacteristicWithResponseForService( charInfo.serviceUUID, charInfo.characteristicUUID, base64Data, ); } else { await currentDevice.writeCharacteristicWithoutResponseForService( charInfo.serviceUUID, charInfo.characteristicUUID, base64Data, ); } printSuccess = true; break; } catch (error) { console.log( `特征 ${charInfo.characteristicUUID} 失败:`, error.message, ); lastError = error; } } if (printSuccess) { Alert.alert('打印成功', '用水通知单已发送到打印机'); setConnectionStatus('打印成功'); } else { throw new Error(`所有特征尝试失败: ${lastError?.message}`); } } catch (error) { console.log('打印失败:', error); Alert.alert('打印失败', error.message); setConnectionStatus('打印失败'); } }; const getSignalStrength = rssi => { if (rssi > -50) return { text: '强', color: 'green' }; if (rssi > -70) return { text: '中', color: 'orange' }; return { text: '弱', color: 'red' }; }; return ( <View style={{ padding: 20, flex: 1, backgroundColor: 'white' }}> <View style={{ marginBottom: 20, padding: 10, backgroundColor: '#f0f0f0', borderRadius: 5, }}> <Text style={{ fontWeight: 'bold', fontSize: 16 }}> 状态: {connectionStatus} {isScanning && ` (${scanTimeLeft}秒后自动停止)`} </Text> {currentDevice && ( <Text style={{ fontSize: 14, color: 'green', marginTop: 5 }}> 已连接设备: {currentDevice.name} </Text> )} {writeCharacteristics.length > 0 && ( <Text style={{ fontSize: 12, color: 'blue', marginTop: 2 }}> 发现 {writeCharacteristics.length} 个可写特征 </Text> )} </View> {/* 操作按钮区域 */} <View style={{ flexDirection: 'row', flexWrap: 'wrap', marginBottom: 20, gap: 10, }}> <Button title={isScanning ? `停止扫描 (${scanTimeLeft}s)` : '扫描设备'} onPress={isScanning ? stopScan : scanDevices} color={isScanning ? 'red' : '#007AFF'} /> {isConnected && ( <> <Button title="打印通知单" onPress={handlePrint} color="green" /> <Button title="断开连接" onPress={disconnectDevice} color="orange" /> </> )} </View> <ScrollView style={{ flex: 1 }}> {foundDevices.length > 0 && ( <View> <Text style={{ fontWeight: 'bold', marginBottom: 10, fontSize: 16 }}> 发现的设备 ({foundDevices.length}个): </Text> {foundDevices.map(device => { const signal = getSignalStrength(device.rssi); return ( <TouchableOpacity key={device.id} style={{ marginBottom: 12, padding: 12, backgroundColor: device.isPrinter ? '#e8f5e8' : '#f5f5f5', borderRadius: 8, borderWidth: 1, borderColor: device.isPrinter ? 'green' : '#ddd', }} onPress={() => connectToDevice(device.id, device.name)}> <Text style={{ fontWeight: 'bold', color: device.isPrinter ? 'green' : 'black', fontSize: 16, }}> {device.name} {device.isPrinter ? '🖨️' : '📱'} </Text> <Text style={{ fontSize: 12, color: 'gray', marginTop: 4 }}> ID: {device.id} </Text> <Text style={{ fontSize: 12, color: 'gray' }}> 信号强度: {device.rssi}dBm ({signal.text}) </Text> {device.localName && device.localName !== device.name && ( <Text style={{ fontSize: 12, color: 'gray' }}> 本地名: {device.localName} </Text> )} <Text style={{ fontSize: 12, color: device.isPrinter ? 'green' : 'blue', marginTop: 4, fontWeight: 'bold', }}> {device.isPrinter ? '点击连接此打印机' : '点击连接此设备'} </Text> </TouchableOpacity> ); })} </View> )} {!isScanning && foundDevices.length === 0 && ( <View style={{ alignItems: 'center', marginTop: 50 }}> <Text style={{ textAlign: 'center', color: 'gray', fontSize: 16, marginBottom: 10, }}> 点击"扫描设备"开始搜索蓝牙设备 </Text> <Text style={{ textAlign: 'center', color: 'darkgray', fontSize: 14 }}> 扫描将在15秒后自动停止 </Text> </View> )} {isConnected && ( <View style={{ marginTop: 20, padding: 15, backgroundColor: '#e8f5e8', borderRadius: 8, }}> <Text style={{ fontWeight: 'bold', fontSize: 16, color: 'green', marginBottom: 10, }}> ✅ 已连接打印机 </Text> <Text style={{ fontSize: 14, marginBottom: 5 }}> 设备名称: {currentDevice?.name} </Text> <Text style={{ fontSize: 14, marginBottom: 5 }}> 可写特征: {writeCharacteristics.length} 个 </Text> <Text style={{ fontSize: 12, color: 'darkgreen' }}> 现在可以点击"打印通知单"按钮进行打印 </Text> </View> )} </ScrollView> </View> ); }; export default BluetoothPrinter;

2.注意使用GBK编码打印 解决打印乱码问题

版权声明: 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈，一经查实，立即删除！

牡丹江网站建设哈尔滨网站建设

Haskell开发工具与基础编程入门1. Tmux的使用Tmux是一个能在单个终端中运行多个终端的应用程序。它具有诸多实用功能，比如可以将一组终端分离并重新连接到其他终端连接，能让程序在后台运行以监控

2026/06/30 12:08:29

网站建设系统app网站建设

AI原生应用中的上下文窗口：原理、实现与优化关键词：上下文窗口、AI原生应用、大语言模型、token管理、对话连贯性、上下文压缩、长文本处理摘要：本文将用&#

2026/06/30 11:40:27

江苏省建设厅网站php网站建设

你是否曾经在漫长的编程过程中感到枯燥乏味？是否希望有个可爱的小伙伴陪伴你度过每一次键盘敲击？BongoCat正是这样一个充满创意的开源项目，它将呆萌的猫咪形象

2026/06/30 11:03:23

邵阳网站建设大庆网站建设

腾讯混元4B开源：40亿参数重塑企业级AI部署范式【免费下载链接】Hunyuan-4B-Instruct-AWQ-Int4腾讯开源 Hunyuan-4B-Instruct-AWQ-Int

2026/06/30 10:28:20

建设局网站莆田网站建设

Qwen3-VL-8B：为何它成了多模态AI入门的首选？在智能客服开始看懂用户上传的照片、电商系统能自动描述商品图、内容平台可一键生成图文摘要的今天，多模态人

2026/06/30 13:20:35

永州网站建设郴州网站建设

Element Plus Admin：Vue3后台模板终极指南【免费下载链接】element-plus-admin基于vite+ts+elementPlus项目地址: h

2026/06/30 11:02:53

建设网站网站制作建设

SetDPI：Windows多显示器DPI缩放管理终极指南【免费下载链接】SetDPI项目地址: https://gitcode.com/gh_mirrors/se/SetDPI在当今数

2026/06/30 14:12:09

上海网站建设公司莱芜网站建设

从零实现RS485收发切换电路：MOSFET控制的硬核设计之道在工业现场，你是否曾遇到这样的窘境？——明明代码写得滴水不漏，Modbus协议解析

2026/06/30 13:57:38

鞍山网站建设湛江网站建设

前言在当今互联网软件开发领域，高并发应用层出不穷，而 MySQL 作为最广泛使用的关系型数据库之一，其锁机制对于保障数据一致性和高并发性能起着举足轻重的作用。

2026/06/30 13:43:37

昆明网站建设顺德网站建设

VibeVoice能否用于电影配音初稿生成？行业影响探讨在影视制作的漫长链条中，配音初稿往往是一个“看不见却绕不开”的环节。传统流程里，导演需要协调临时配音演

2026/06/30 11:29:25