如何从web UI读取数据并使用NFC卡共享

Question

我是新的NFC，我们想要的是，我们有一个网页，我们有所有的用户详细信息，如姓名，电子邮件，Facebook的URL，链接在URL，并存储在数据库中。现在我的问题是，NFC卡或任何应用程序是否有可能读取该数据并使用NFC卡共享。

请容忍我的问题，也许我错了。

Answer 1

Web NFC允许你在Chrome上读写NFC标签。

写一个简单的文本记录，传递一个字符串给NDEFReaderwrite()方法。

const ndef = new NDEFReader();
await ndef.write("Hello World");

扫描附近的NFC标签也很容易:

const ndef = new NDEFReader();
await ndef.scan();
ndef.addEventListener("reading", ({ message, serialNumber }) => {
console.log(`> Serial Number: ${serialNumber}`);
console.log(`> Records: (${message.records.length})`);
});

我建议你阅读https://web.dev/nfc和https://googlechrome.github.io/samples/web-nfc/，看看这是否是你想要的。

在您的具体情况下，我会以JSON格式存储数据并稍后读取它们:

const encoder = new TextEncoder();
const data = {
firstname: "François",
lastname: "Beaufort"
};
const jsonRecord = {
recordType: "mime",
mediaType: "application/json",
data: encoder.encode(JSON.stringify(data))
};
const ndef = new NDEFReader();
await ndef.write({ records: [jsonRecord] });

// Scan NFC tags and go trough |message.records|. 
// Once you have a record, check its |mediaType| and read |data|.
if (record.mediaType === "application/json") {
const textDecoder = new TextDecoder();
console.log(`JSON: ${JSON.parse(decoder.decode(record.data))}`);
}