簡體   English   中英

如何使用 ReactJS 將 NFC 貼紙鏈接重寫為特定配置文件

[英]How could I rewrite an NFC sticker link using ReactJS to a specific profile

我試圖弄清楚如何擁有一組 NFC 貼紙,這些貼紙都鏈接到 React web 應用程序的登錄頁面,然后用戶可以注冊創建一個配置文件,這會將 NFC 貼紙鏈接到他們的特定配置文件

每次點擊貼紙時,它都會鏈接到他們的特定個人資料 (webapp.com/profilename),而不是原始登錄頁面。

我正在做我最后一年的項目,需要一些建議,以前看過但不知道他們是怎么做的

您將編寫包含要在瀏覽器中打開的 URI 的 NDEF 消息。

關於如何在https://github.com/whitedogg13/react-native-nfc-manager/blob/master/example/AppV2Ndef.js編寫 NDEF URI 消息的 ReactJS 示例

只需更改let bytes = buildUrlPayload('https://www.revteltech.com');

成為您想要的 URL。

您還可以使用 Web NFC 來編寫帶有 URL 記錄的 NDEFMessage。

以下是一些您可以在 Chrome 中為 Android 嘗試的工作代碼:

const ndef = new NDEFReader();
await ndef.write({
  records: [{ recordType: "url", data: "https://webapp.com/profilename" }]
});

完整文檔可在https://web.dev/nfc/ 獲得

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM