如何在我的html5页面中使用web-nfc

Question

这可能是一个愚蠢的问题，但经过几个小时的搜索，我无法得出结论。

我需要添加NFC功能到我的网站，在那里用户可以写信息到标签，而在他们的手机。写入标记的代码看起来很简单，但我不确定作为开发人员该如何入门。

找到下面的代码来写入NFC标签。

async function writeTag() {
  if ("NDEFReader" in window) {
    const ndef = new NDEFReader();
    try {
      await ndef.write("What Web Can Do Today");
      consoleLog("NDEF message written!");
    } catch(error) {
      consoleLog(error);
    }
  } else {
    consoleLog("Web NFC is not supported.");
  }
}

我在glitch.com上创建了一个nfc项目，链接如下：

https://glitch.com/embed/#!/webnfc1?path=main.js%3A20%3A9

有人能回答以下两个问题吗？

1-在为web编写代码之前，我需要包含任何库/ cdn链接吗?因为我在编写代码时浏览器中没有这些类(NDEFReader)。2-我可以在桌面上编写和测试代码吗？或者我必须特别在android设备上进行测试

Answer 1

目前只有Chrome for Android支持Web NFC。这意味着你可以在你的安卓设备上打开Chrome标签到https://googlechrome.github.io/samples/web-nfc/，然后扫描/写入NFC标签。

你在https://glitch.com/embed/#!/webnfc1?path=main.js%3A20%3A9上分享的代码正在使用旧的和不推荐使用的Web版本。

请查看https://web.dev/nfc以了解更多信息。