Claude Code + NFC
Safari gibt Websites überhaupt keinen NFC-Zugriff, und Web NFC gibt es nur in Chrome auf Android. Mit WebViewGold als App verpackt, startet deine Claude Code-App mit einem einzigen Link einen nativen NFC-Scan und bekommt den Inhalt des Tags in einer JavaScript-Funktion geliefert: auf Android über die dokumentierte NFC-API, auf dem iPhone über das NFC-Plugin von WebViewGold. Check-ins, Geräte-Tags und Visitenkarten zum Antippen werden so zu ein paar Zeilen Code.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
Ein Tag am Eingang, am Schreibtisch oder im Kursraum speichert einen Token. Der Nutzer hält sein Smartphone daran, readnfc:// übergibt den Token an deine Web-App, und dein Backend verbucht den Besuch für den eingeloggten Nutzer. Funktioniert auch in dunklen Locations und ohne dass jemand eine Kamera auf etwas richten muss.
Klebe einen Tag an eine Maschine, ein Leihfahrrad oder eine Lagerkiste und programmiere seine ID einmal mit writenfc://?value=…. Später tippt dein Team ihn an und landet direkt beim richtigen Datensatz: Wartungsprotokoll, Mietstatus, Bestandszählung.
Schreib eine vCard auf eine Karte oder einen Sticker (Präfix VCARD_, Eigenschaften durch Unterstriche getrennt), und andere Smartphones speichern den Kontakt mit einem Tippen. Praktisch für Event-, Networking- und Immobilien-Apps.
Einen Tag mit einem einfachen https-Link auf deine Domain (programmiert mit einem beliebigen NFC-Writer) liest auf aktuellen iPhones und den meisten Android-Smartphones das System selbst. Sind Universal Links und App Links eingerichtet, öffnet dieser Link direkt die App.
Füge das in Claude Code ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt für Claude Code: Lies https://www.webviewgold.com/llms-full.txt (die NFC-Abschnitte) und https://www.webviewgold.com/docs/android/nfc/. Dann: 1) Erstelle ein Bridge-Modul mit isWebViewGold() (navigator.userAgent enthält meinen eigenen WebViewGold-Token), scanTag(), das zu readnfc:// navigiert, und writeTag(value), das zu writenfc://?value= navigiert, mit Leerzeichen als %20 kodiert. 2) Registriere ein globales window.readNFCResult(data, id, tag); behandle id und tag als optional, weil Android nur data übergibt. 3) Baue einen Check-in-Bildschirm, der data an einen neuen Server-Endpunkt schickt; der Endpunkt prüft die Session, validiert den Token, lehnt Duplikate innerhalb von 10 Minuten ab und speichert den Check-in. 4) Zeig außerhalb der App ein Feld für die manuelle Code-Eingabe, das denselben Endpunkt nutzt. 5) Füge ein Debug-Element nur für die Entwicklung hinzu, das readNFCResult('test-token') simuliert, damit sich der Ablauf im Browser testen lässt, und stell sicher, dass es in Produktions-Builds nicht enthalten ist. 6) Schreib Tests für den Endpunkt und das Bridge-Modul und dokumentiere die NFC-Regeln in CLAUDE.md.
Mit einer gut optimierten Version Ihrer Web-App können Sie innerhalb von wenigen Minuten eine beeindruckende mobile App erstellen. Zusätzlich dazu ist der Kundenservice sehr nett und hilfsbereit! Ich kann WebViewGold nur empfehlen :-)
Ein Nachmittag, das meiste davon Tests mit echten Tags.
Sticker und Karten vom Typ NTAG213, NTAG215 oder NTAG216 funktionieren mit iPhones und Android-Smartphones und fassen 144 bis 888 Byte: genug für einen Token oder eine kurze URL, nicht für Dateien. Bestell ein paar zusätzliche zum Testen.
Android: Die Lese- und Schreib-API ist in der Android-Dokumentation beschrieben. iOS: NFC ist ein WebViewGold-Plugin außerhalb des allgemeinen Funktionsumfangs; frag es an (kostenlose Beratung, unverbindliches Angebot) und trag den Token, den du bekommst, bei NFCEnabled in Config.swift ein. Apple verlangt außerdem die Capability zum Lesen von NFC-Tags und eine Nutzungsbeschreibung, die deinen Anwendungsfall nennt.
Wenn der Nutzer auf „Halte dein Smartphone an den Tag“ tippt, navigiere zu readnfc://, aber nur innerhalb der App (prüfe den eigenen User Agent, den du in WebViewGold festlegst). Auf dem iPhone zeigt iOS ein eigenes Scan-Fenster, solange die Session lauscht.
Definiere eine globale Funktion readNFCResult. iOS ruft sie mit (data, id, tag) auf: Inhalt, Kennung und Typ des Tags. Android ruft sie mit (data) auf. Bau deine Logik auf data auf, dann verhält sie sich auf beiden Plattformen gleich.
Schick den Wert zusammen mit der Nutzer-Session an dein Backend und entscheide dort, ob ein Check-in zählt. Tags lassen sich kopieren, also wechsle die Tokens regelmäßig oder arbeite mit Zeitfenstern, wenn es um etwas Wertvolles geht.
Navigiere zu writenfc://?value=…: Die App wechselt in den Schreibmodus und speichert den Wert auf dem nächsten Tag, den du ans Smartphone hältst. Halte Werte kurz und URL-sicher (Buchstaben, Ziffern, Bindestriche) und kodiere Leerzeichen als %20.
Füge das in deine Claude Code-App ein oder lass den Agenten das Gegenstück in deinem Framework schreiben. /api/checkin steht für deine eigene Check-in-Route; in deinem Claude Code-Projekt liegt sie in Deine eigenen API-Routen, Serverless Functions oder Supabase. Der User-Agent-Token ist der, den du in WebViewGold konfigurierst.
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // dein eigener User-Agent-Token
function scanTag() {
if (!IN_APP) { showMessage("Check-in per Antippen funktioniert in unserer App. Gib stattdessen den Code ein."); return; }
window.location.href = "readnfc://";
}
// Wird von WebViewGold aufgerufen, nachdem ein Tag gelesen wurde.
// iOS übergibt (data, id, tag), Android übergibt (data).
window.readNFCResult = function (data, id, tag) {
fetch("/api/checkin", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ token: data, tagId: id || null })
})
.then(function (r) { return r.json(); })
.then(function (res) { showMessage(res.ok ? "Eingecheckt" : "Dieser Tag ist unbekannt"); });
};
// Admin: einen Token (oder einen VCARD_-String) auf den nächsten Tag schreiben
function writeTag(value) {
if (!IN_APP) { return; }
window.location.href = "writenfc://?value=" + value.replace(/ /g, "%20");
}
// writeTag("VCARD_FN:Jane Doe_TEL;TYPE=CELL:5551234567");Nicht in Safari: iOS gibt Websites keinen NFC-Zugriff. In einer WebViewGold-App funktioniert es über das native NFC-Plugin auf dem iPhone 7 und neuer. Jeden Scan startet der Nutzer selbst, und iOS zeigt ein eigenes Scan-Fenster, solange es lauscht.
Auf Android ist die Lese- und Schreib-API Teil der Dokumentation. Auf iOS ist NFC ein Plugin außerhalb des allgemeinen Funktionsumfangs: Das WebViewGold-Team schaltet es nach einer kostenlosen Beratung und einem unverbindlichen Angebot pro App mit einem Token frei. Erweiterte Anforderungen wie spezielle Tag-Typen sind auf beiden Plattformen individuelle Arbeit.
QR-Codes kosten nichts, funktionieren auf jedem Smartphone mit Kamera und sind für Reviewer leicht zu testen. NFC ist schneller, funktioniert im Dunkeln und wirkt hochwertig, braucht aber Tags und NFC-Hardware. Viele Apps bieten beides an: NFC als schnellen Weg, einen QR-Code oder eingetippten Code als Fallback.
Auf iOS bekommt der Callback zusätzlich die Kennung und den Typ des Tags. Der derzeit dokumentierte Android-Callback liefert nur die gespeicherten Daten. Für Logik, die auf beiden Plattformen funktionieren muss, schreib also deine eigene ID oder deinen eigenen Token auf den Tag.
Meist gar nicht, weil er deinen Tag nicht hat. Beschreib das Feature in den Review-Notizen, stell einen Demo-Code oder QR-Code bereit, der denselben Ablauf startet, und verlinke eine kurze Bildschirmaufnahme eines echten Scans.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehen$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobieren$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.