Метод 1: использование API NDEFReader
API NDEFReader обеспечивает простой и понятный способ чтения сообщений формата обмена данными NFC (NDEF) из тегов NFC. Вот пример использования NDEFReader API для чтения тегов NFC:

// Check if the browser supports Web NFC
if ("NDEFReader" in window) {
  const reader = new NDEFReader();
  reader.addEventListener("reading", ({ message, serialNumber }) => {
    // Process the NDEF message
    console.log("Serial Number:", serialNumber);
    console.log("Message:", message);
  });
  reader.scan();
} else {
  console.log("Web NFC is not supported in this browser.");
}

Метод 2: запись данных в теги NFC с использованием API NDEFWriter
API NDEFWriter позволяет записывать данные в теги NFC. Вот пример использования API NDEFWriter для записи простой текстовой записи в тег NFC:

// Check if the browser supports Web NFC
if ("NDEFWriter" in window) {
  const writer = new NDEFWriter();
  writer.write({
    records: [
      { recordType: "text", data: "Hello, Web NFC!" }
    ]
  }).then(() => {
    console.log("Data has been written to the NFC tag.");
  }).catch((error) => {
    console.error("Error writing data:", error);
  });
} else {
  console.log("Web NFC is not supported in this browser.");
}

// Check if the browser supports Web NFC
if ("NFC" in navigator) {
  navigator.nfc.watch((message) => {
    // Process the NFC message
    console.log("Message:", message);
  }, { mode: "any" });
  const writer = new NDEFWriter();
  writer.write("Hello, Web NFC!");
} else {
  console.log("Web NFC is not supported in this browser.");
}

Не забудьте проверить совместимость браузера и предоставить запасные варианты для браузеров, которые не поддерживают Web NFC. С ростом популярности технологии NFC включение Web NFC в ваш набор инструментов для веб-разработки может улучшить взаимодействие с пользователем и открыть новые возможности.