Zum Hauptinhalt springen
@capgo/capacitor-nfc Device-APIs Open Source

NFC Capacitor Plugin

Natives Erkennen, Lesen und Schreiben von NFC-Tags für Capacitor-Apps auf iOS und Android

Installieren

bun add @capgo/capacitor-nfc bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-nfc
  • pnpm add @capgo/capacitor-nfc
  • yarn add @capgo/capacitor-nfc

Anleitung

NFC in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

NFC-Plugin Vorschau QR code

Mit @capgo/capacitor-nfc

Öffentliche API Oberfläche für das Capacitor NFC-Plugin.

Installieren

bun add @capgo/capacitor-nfc
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { CapacitorNfc } from '@capgo/capacitor-nfc';

API auf einen Blick

Methode Beschreibung
startScanning Startet das Scannen nach NFC-Tags.
stopScanning Beendet die laufende NFC-Scan-Session.
write Schreibt die NDEF-Records auf den zuletzt erkannten Tag.
erase Versucht, den letzten Tag durch eine leere NDEF-Nachricht zu löschen.
makeReadOnly Versucht, den zuletzt erkannten Tag schreibgeschützt zu machen.
share Teilt eine NDEF-Nachricht per Peer-to-Peer mit einem anderen Gerät (nur Android).
unshare Stoppt das Teilen der NDEF-Nachricht (nur Android).
getStatus Gibt den aktuellen Status des NFC-Adapters zurück.
showSettings Öffnet die Systemeinstellungen, damit der Nutzer NFC aktivieren kann.
isSupported Prüft, ob das Gerät NFC-Hardware unterstützt.

Beispiele

startScanning()

Beginnt das Abhören von NFC-Tags.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.startScanning();

stopScanning()

Beendet die laufende NFC-Scan-Session.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.stopScanning();

write()

Schreibt die bereitgestellten NDEF-Records auf den zuletzt erkannten Tag.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.write({
  records: [
    {
      tnf: 1,
      type: [1],
      id: [1],
      payload: [1],
    },
  ],
});

erase()

Versucht, den zuletzt erkannten Tag durch Schreiben einer leeren NDEF-Message zu löschen.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.erase();

makeReadOnly()

Versucht, den zuletzt erkannten Tag schreibgeschützt zu machen.

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.makeReadOnly();

share()

Teilt eine NDEF-Message via Peer-to-Peer mit einem anderen Gerät (nur Android).

import { CapacitorNfc } from '@capgo/capacitor-nfc';

await CapacitorNfc.share({
  records: [
    {
      tnf: 1,
      type: [1],
      id: [1],
      payload: [1],
    },
  ],
});

Die obige Tabelle listet die 10 Kernmethoden auf. Listener, Version-Helper und der vollständige Contract jeder Methode sind in der GitHub Repository.

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmountet wird.

Vollständige Referenz

Weiterlesen unter Verwendung von @capgo/capacitor-nfc

Wenn du es nutzt Verwendung von @capgo/capacitor-nfc um Dashboard- und API-Operationen zu planen, verbinde es mit @capgo/capacitor-nfc für die Implementierungsdetails in @capgo/capacitor-nfc, Erste Schritte für die Implementierungsdetails in Erste Schritte, API Übersicht für Details zur Implementierung im API Overview, Einführung für die Implementierungsdetails in der Einleitung und API Schlüssel für die Implementierungsdetails in den API Keys.

FAQ

NFC-Plugin-FAQ

Wie installiere ich das NFC-Plugin in einer Capacitor-App?

Führe "bun add @capgo/capacitor-nfc" (oder "npm install @capgo/capacitor-nfc") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-nfc".

Funktioniert @capgo/capacitor-nfc mit React, Vue und Angular?

Ja. NFC ist ein Capacitor-Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-nfc?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-nfc kostenlos und Open Source?

Ja. Der code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-nfc/ verfügbar und das Paket kann kostenlos über npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit NFC-Unterstützung aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

NFC-Änderungen ausrollen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo