如何利用JavaScript的Web NFC API进行近场通信？-js教程-PHP中文网

如何利用JavaScript的Web NFC API进行近场通信？

夢幻星辰

发布： 2025-10-11 21:02:01

原创

145人浏览过

Web NFC API目前处于实验阶段，仅在部分支持NFC的设备和Chromium浏览器中可用，需通过'NDEFReader' in window检测支持性；其主要功能包括使用NDEFReader.scan()扫描NFC标签、监听reading事件读取数据以及调用write()方法写入数据，但不支持设备间点对点通信；实际应用中需确保硬件支持、用户授权及标签可写，并在真实环境中充分测试。

如何利用javascript的web nfc api进行近场通信？

目前，JavaScript 的 Web NFC API 仍处于实验阶段，支持有限，仅在部分浏览器和设备上可用。若你的目标环境满足条件，可以按以下方式尝试使用 Web NFC 实现近场通信。

了解 Web NFC API 的基本能力

Web NFC 允许网页读取和写入 NFC 标签，实现与物理世界交互，比如扫描门禁卡信息、读取产品标签或触发动作。它不支持设备间点对点通信（如安卓 Beam），主要面向标签读写。

关键功能包括：

NFCReader.scan()：启动扫描，等待发现兼容的 NFC 标签
reading 事件：当读取到标签数据时触发
write()：向 NFC 标签写入数据

检查浏览器与设备支持情况

Web NFC 目前仅在部分 Chromium 内核浏览器中实验性支持，例如 Chrome for Android（需开启 flag），且要求设备有 NFC 硬件并启用。

立即学习“Java免费学习笔记（深入）”；

使用前先检测是否可用：

通义万相

通义万相，一个不断进化的AI艺术创作大模型

596

查看详情

if ('NDEFReader' in window) {
console.log('Web NFC 支持');
} else {
console.log('当前环境不支持 Web NFC');
}

读取 NFC 标签数据

通过 NDEFReader 启动扫描，监听 reading 事件获取内容。NDEF（NFC Data Exchange Format）是标准的数据格式。

const ndef = new NDEFReader();
try {
  await ndef.scan();
  ndef.onreading = event => {
    console.log('接收到消息:', event.message);
    for (const record of event.message.records) {
      if (record.recordType === 'text') {
        const text = record.toText();
        console.log('文本内容:', text);
      }
    }
  };
} catch (error) {
  console.error('扫描失败:', error);
}

向 NFC 标签写入数据

确保标签可写后，使用 write() 方法传入 NDEF 记录。

try {
  await ndef.write({
    records: [
      { recordType: "text", data: "Hello NFC" }
    ]
  });
  console.log('写入成功');
} catch (error) {
  console.error('写入失败:', error);
}

注意：写入操作可能因标签只读或距离过远而失败。

基本上就这些。Web NFC 使用简单，但依赖系统权限和硬件支持，上线前务必充分测试真实环境。

以上就是如何利用JavaScript的Web NFC API进行近场通信？的详细内容，更多请关注php中文网其它相关文章！