JS `PCIe Passthrough` (VFIO) 与 `WebUSB`/`WebHID` 的底层原理

各位朋友，早上好！我是今天的主讲人，很高兴能和大家一起聊聊两个听起来有点遥远，但其实都跟我们日常使用电脑息息相关的技术：PCIe Passthrough（VFIO）以及 WebUSB/WebHID。

这两个技术，一个是硬件虚拟化的幕后英雄，另一个是 Web 赋予硬件交互能力的桥梁。咱们今天就深入浅出地，用大白话加代码，把它们扒个精光。

第一部分：PCIe Passthrough (VFIO) – 你的虚拟机也能“摸”到真硬件了！

想象一下，你正在玩一个对显卡要求极高的游戏，但是你的虚拟机性能总是差那么一点。这时候，PCIe Passthrough就像一位神奇的魔术师，能把你的主机上的显卡，直接“传送”到虚拟机里，让虚拟机“独占”这块显卡，性能瞬间起飞！

1.1 什么是 PCIe？

首先，我们得了解一下 PCIe (Peripheral Component Interconnect Express)。简单来说，它就是电脑主板上用来连接各种硬件设备（比如显卡、网卡、硬盘等）的高速通道。你可以把它想象成一条条高速公路，数据在上面飞速奔驰。

1.2 什么是 VFIO？

VFIO (Virtual Function I/O) 是 Linux 内核中的一个模块，它允许用户将 PCIe 设备直接分配给虚拟机。这就像给虚拟机开辟了一条专属的高速公路，直通硬件。

1.3 VFIO 的工作原理：一场精密的硬件控制权转移

VFIO 的核心任务是：

隔离硬件： 防止主机操作系统直接访问被分配给虚拟机的硬件。
控制 I/O： 将虚拟机对硬件的 I/O 请求转发给实际的硬件设备。
中断管理： 将硬件产生的中断信号传递给虚拟机。

这个过程就像一位经验丰富的交通警察，确保主机和虚拟机之间的交通秩序井然。

1.4 关键组件：IOMMU (Input/Output Memory Management Unit)

IOMMU 是 VFIO 的基石。它就像一个强大的门卫，负责管理硬件设备的 DMA (Direct Memory Access) 操作。DMA 允许硬件设备直接访问系统内存，而无需 CPU 的干预。IOMMU 可以防止虚拟机中的恶意软件通过 DMA 访问主机系统的内存，从而确保系统的安全。

如果没有 IOMMU，虚拟机就可以随意访问主机的内存，那后果不堪设想，相当于直接把家门钥匙给了一个潜在的小偷。

1.5 配置 VFIO：让你的硬件“隐身”

要使用 VFIO，首先需要在主机操作系统中配置它。这通常涉及到以下几个步骤：

启用 IOMMU： 在 BIOS/UEFI 设置中启用 IOMMU (通常也称为 VT-d 或 AMD-Vi)。
加载 VFIO 模块： 加载 vfio-pci、vfio-iommu-type1 和 vfio 模块。
绑定设备到 VFIO 驱动： 将需要分配给虚拟机的 PCIe 设备绑定到 vfio-pci 驱动。

下面是一个简单的示例，展示如何将一个 PCIe 设备绑定到 vfio-pci 驱动：

# 找到设备的 Vendor ID 和 Device ID
lspci -nn | grep "你的设备名称"

# 假设输出如下：
# 01:00.0 VGA compatible controller [0300]: NVIDIA Corporation Device [10de:1234] (rev a1)

# 卸载设备的现有驱动 (非常重要！)
modprobe -r nvidiafb  # 如果使用 Nvidia 显卡，可能需要卸载 nvidiafb
modprobe -r nouveau   # 如果使用开源驱动，可能需要卸载 nouveau
modprobe -r nvidia

# 绑定设备到 vfio-pci 驱动
echo "10de 1234" > /sys/bus/pci/drivers/vfio-pci/new_id  # 替换为你的 Vendor ID 和 Device ID
echo "0000:01:00.0" > /sys/bus/pci/devices/0000:01:00.0/driver/unbind # 替换为你的 Bus ID
echo "0000:01:00.0" > /sys/bus/pci/drivers/vfio-pci/bind

注意： 卸载现有驱动非常重要，否则 VFIO 无法接管设备。

1.6 在虚拟机中使用 PCIe Passthrough：让硬件“现身”

配置好 VFIO 后，就可以在虚拟机的配置文件中指定要使用的 PCIe 设备了。不同的虚拟化软件（比如 KVM/QEMU、Xen）有不同的配置方式。

以 QEMU 为例，可以在命令行中使用 -device 参数来指定 PCIe 设备：

qemu-system-x86_64 
  -enable-kvm 
  -m 4G 
  -cpu host,kvm=off 
  -smp cores=4 
  -device vfio-pci,host=01:00.0 # 替换为你的 Bus ID

1.7 性能考量：天下没有免费的午餐

虽然 PCIe Passthrough 可以显著提高虚拟机的性能，但它也有一些缺点：

复杂性： 配置过程相对复杂，需要一定的技术基础。
兼容性： 并非所有硬件都支持 PCIe Passthrough。
隔离性： 虽然 IOMMU 可以提供一定的隔离性，但仍然存在潜在的安全风险。

优点	缺点
显著提高虚拟机性能	配置复杂，需要技术基础
虚拟机可以独占硬件资源	并非所有硬件都支持
允许虚拟机运行对硬件要求极高的应用	存在潜在的安全风险（虽然很小）

第二部分：WebUSB/WebHID – 让你的网页也能“摸”到 USB 设备！

想象一下，你打开一个网页，就能直接控制你的 3D 打印机，或者读取你的游戏手柄的数据。WebUSB 和 WebHID 就是实现这一梦想的技术。

2.1 什么是 WebUSB？

WebUSB 允许网页直接与 USB 设备进行通信，而无需安装任何驱动程序。这就像给网页赋予了一双“触摸” USB 设备的手。

2.2 什么是 WebHID？

WebHID (Web Human Interface Device) 是 WebUSB 的一个子集，专门用于与 HID 设备（比如键盘、鼠标、游戏手柄等）进行通信。

2.3 WebUSB/WebHID 的工作原理：一场浏览器与硬件的“恋爱”

WebUSB/WebHID 的核心流程如下：

用户授权： 网页通过浏览器 API 请求访问 USB 设备。用户需要明确授权才能允许网页访问。
设备选择： 浏览器会显示一个设备选择器，让用户选择要连接的 USB 设备。
连接建立： 网页与 USB 设备建立连接。
数据传输： 网页可以通过 API 发送和接收数据。

这个过程就像一场谨慎的恋爱，双方都需要确认彼此的身份和意愿，才能建立信任关系。

2.4 代码示例：让你的网页“点亮” LED 灯

假设我们有一个简单的 USB 设备，它有一个 LED 灯，我们可以通过发送一个字节的数据来控制 LED 的开关。

<!DOCTYPE html>
<html>
<head>
  <title>WebUSB LED Control</title>
</head>
<body>
  <button id="connectButton">连接 USB 设备</button>
  <button id="onButton">打开 LED</button>
  <button id="offButton">关闭 LED</button>

  <script>
    let device;

    connectButton.addEventListener('click', async () => {
      try {
        // 请求访问 USB 设备
        device = await navigator.usb.requestDevice({ filters: [] }); // filters 可以指定 Vendor ID 和 Product ID

        // 打开设备
        await device.open();

        // 选择配置
        await device.selectConfiguration(1); // 通常是配置 1

        // 声明接口
        await device.claimInterface(0); // 通常是接口 0

        console.log('连接成功！');
      } catch (error) {
        console.error('连接失败：', error);
      }
    });

    onButton.addEventListener('click', async () => {
      try {
        // 发送数据打开 LED
        const data = new Uint8Array([0x01]); // 假设 0x01 代表打开 LED
        await device.transferOut(1, data); // Endpoint 1 通常是输出 Endpoint
        console.log('LED 打开！');
      } catch (error) {
        console.error('发送数据失败：', error);
      }
    });

    offButton.addEventListener('click', async () => {
      try {
        // 发送数据关闭 LED
        const data = new Uint8Array([0x00]); // 假设 0x00 代表关闭 LED
        await device.transferOut(1, data); // Endpoint 1 通常是输出 Endpoint
        console.log('LED 关闭！');
      } catch (error) {
        console.error('发送数据失败：', error);
      }
    });
  </script>
</body>
</html>

代码解释：

navigator.usb.requestDevice()：请求访问 USB 设备，用户需要授权。
device.open()：打开 USB 设备。
device.selectConfiguration()：选择 USB 设备的配置。
device.claimInterface()：声明 USB 设备的接口。
device.transferOut()：发送数据到 USB 设备。

2.5 代码示例：读取游戏手柄数据 (WebHID)

<!DOCTYPE html>
<html>
<head>
  <title>WebHID Gamepad Reader</title>
</head>
<body>
  <button id="connectButton">连接游戏手柄</button>
  <div id="dataDisplay"></div>

  <script>
    let device;

    connectButton.addEventListener('click', async () => {
      try {
        // 请求访问 HID 设备
        const devices = await navigator.hid.requestDevice({ filters: [] });
        if (devices.length === 0) {
          console.log('没有找到 HID 设备');
          return;
        }
        device = devices[0];

        // 打开设备
        await device.open();

        // 监听输入报告
        device.addEventListener('inputreport', event => {
          const { data, reportId } = event;
          const values = new Uint8Array(data.buffer);

          // 在页面上显示数据
          dataDisplay.textContent = `Report ID: ${reportId}, Data: ${values.join(', ')}`;
        });

        console.log('连接成功！');
      } catch (error) {
        console.error('连接失败：', error);
      }
    });
  </script>
</body>
</html>

代码解释：

navigator.hid.requestDevice()：请求访问 HID 设备，用户需要授权。
device.open()：打开 HID 设备。
device.addEventListener('inputreport', ...)：监听 HID 设备的输入报告。
event.data：包含 HID 设备发送的数据。

2.6 安全考量：网页不能为所欲为

WebUSB/WebHID 的安全性非常重要。浏览器采取了以下措施来保护用户的安全：

用户授权： 网页必须获得用户的明确授权才能访问 USB 设备。
HTTPS： 只有通过 HTTPS 加密的网页才能使用 WebUSB/WebHID。
权限管理： 浏览器会记录用户授予的权限，并允许用户随时撤销。

这些措施就像给网页戴上了“紧箍咒”，防止它们滥用 USB 设备的权限。

2.7 应用场景：无限可能

WebUSB/WebHID 的应用场景非常广泛，包括：

Web 游戏： 使用游戏手柄在网页上玩游戏。
Web 打印： 直接从网页控制 3D 打印机。
Web 医疗： 在网页上读取医疗设备的数据。
Web 工业控制： 通过网页控制工业设备。

优点	缺点
无需安装驱动程序	需要用户授权才能访问设备
跨平台兼容性好	只能在 HTTPS 网页中使用
可以实现丰富的硬件交互功能	安全性要求高，需要浏览器严格控制

总结：

今天我们一起探索了 PCIe Passthrough (VFIO) 和 WebUSB/WebHID 这两个强大的技术。前者让虚拟机也能“摸”到真硬件，后者让网页也能与 USB 设备进行通信。虽然它们的底层原理有所不同，但它们都旨在扩展计算机的能力，让我们可以更加灵活地使用硬件资源。

希望今天的分享能帮助大家更好地理解这两个技术，并在实际应用中发挥它们的潜力。谢谢大家！

（讲座结束，掌声雷动，感谢各位听众的积极参与！）

发表回复 取消回复

发表回复取消回复