webUsb初识 - ToB企服应用市场:ToB评测及商务社交产业平台

let fetchDevices = async () => {
let devices = await navigator.usb.requestDevice({
filters: [
//可以添加`在这里插入代码片`显示条件
]
})
console.log(devices);
};
let btn = document.getElementById('btn');
btn.onclick = fetchDevices;

复制代码

navigator.usb.getDevices().then((devices) => {
devices.forEach((device) => {
console.log(device.productName);
console.log(device.manufacturerName);
});
});

复制代码

/**
* 请求用户选择USB设备
* @returns {Promise<USBDevice>} 选中的USB设备对象
*/
let fetchDevices = async () => {
try {
// 根据条件过滤设备
// filters: [
// { vendorId: 0x2341 }, // 供应商ID，用于匹配特定供应商的设备
// { productId: 0x1234 }, // 产品ID，用于匹配特定产品的设备
// { classCode: 0x02 }, // 设备类代码，用于匹配特定类别的设备
// { subclass: 0x01 }, // 子类代码，用于匹配特定子类的设备
// { protocolCode: 0x01 } // 协议代码，用于匹配特定协议的设备
// ]
let device = await navigator.usb.requestDevice({
filters: [
{ vendorId: 0x2341 } // 示例vendorId，需要替换成实际值
]
});
console.log('选中的设备:', device);
return device;
} catch (error) {
console.error('选择设备失败:', error);
}
};
/**
* 打开USB设备会话
* @param {USBDevice} device - USB设备对象
* @returns {Promise<void>}
*/
let openDevice = async (device) => {
try {
await device.open();
console.log('设备会话已打开');
} catch (error) {
console.error('打开设备会话失败:', error);
}
};
/**
* 声明USB设备的接口
* @param {USBDevice} device - USB设备对象
* @param {number} interfaceNumber - 接口编号
* @returns {Promise<void>}
*/
let claimInterface = async (device, interfaceNumber) => {
try {
await device.claimInterface(interfaceNumber);
console.log('接口已声明');
} catch (error) {
console.error('声明接口失败:', error);
}
};
/**
* 向USB设备发送控制传输数据
* @param {USBDevice} device - USB设备对象
* @param {number} endpointNumber - 端点编号
* @param {Uint8Array} data - 要发送的数据
* @returns {Promise<void>}
*/
let sendControlTransferOut = async (device, endpointNumber, data) => {
try {
// controlTransferOut参数说明：
// requestType: 'standard' | 'class' | 'vendor' - 控制传输的类型
// - 'standard': 标准请求，用于基本控制操作
// - 'class': 类请求，针对特定USB设备类
// - 'vendor': 供应商请求，供应商自定义的请求
// recipient: 'device' | 'interface' | 'endpoint' | 'other' - 控制传输的接收者
// - 'device': 接收者为USB设备
// - 'interface': 接收者为USB设备的特定接口
// - 'endpoint': 接收者为USB设备的特定端点
// - 'other': 其他类型的接收者
const result = await device.controlTransferOut({
requestType: 'vendor', // 供应商定义的控制传输
recipient: 'device', // 控制传输的接收者为设备
request: 0x01, // 请求码，供应商定义
value: 0x00, // 值，供应商定义
index: 0x00, // 索引，供应商定义
length: data.byteLength
}, data);
console.log('控制传输输出成功', result);
} catch (error) {
console.error('控制传输输出失败:', error);
}
};
/**
* 关闭USB设备会话
* @param {USBDevice} device - USB设备对象
* @returns {Promise<void>}
*/
let closeDevice = async (device) => {
try {
await device.close();
console.log('设备会话已关闭');
} catch (error) {
console.error('关闭设备会话失败:', error);
}
};
// 主函数：执行发送数据的整体流程
let sendDataToDevice = async () => {
const device = await fetchDevices(); // 请求设备
if (device) {
await openDevice(device); // 打开设备会话
await claimInterface(device, 0); // 声明接口，这里以接口编号0为例
const dataToSend = new Uint8Array([0x01, 0x02, 0x03, 0x04]); // 要发送的数据
await sendControlTransferOut(device, 0x01, dataToSend); // 发送数据
await closeDevice(device); // 关闭设备会话
}
};
// 执行主函数
sendDataToDevice();

复制代码