NFC-Plugin
Lesen Sie NFC-Tags nativ in Ihrer iOS-WebView-App und übergeben Sie die Tag-Daten an Ihre Web-App.
Die Near-Field Communication (NFC)-Technologie ist eine der neuesten Technologien, die bei mobilen Nutzern sehr beliebt geworden ist. Sie ermöglicht es zwei Geräten oder einem Gerät und einem NFC-Tag, bei geringer Entfernung drahtlos zu kommunizieren. NFC wird auf iOS-Geräten häufig zum Lesen und Schreiben kleiner Datenmengen verwendet und ist damit ein effektives Werkzeug, um Informationen über NFC-fähige Karten oder Tags auszutauschen.
Die NFC-API ermöglicht es Entwicklern, Daten direkt aus dem App-Code auf NFC-Tags zu lesen und zu schreiben. Das eröffnet Apps neue Möglichkeiten der Interaktion mit Nutzern – vom Teilen von Kontaktinformationen bis zum Einbetten von Textausschnitten.
WebViewGold NFC-Plugin-Integration
Obwohl NFC nicht zum allgemeinen Funktionsumfang von WebViewGold gehört, bieten wir auf individueller Basis eine maßgeschneiderte, einfache WebViewGold NFC-Plugin-Integration (über JavaScript) an.
Bitte senden Sie uns Ihre Anforderungen (z. B. das Schreiben/Lesen von Textausschnitten und/oder Kontaktkartendaten auf/von NFC-Tags) per E-Mail an [email protected] für eine kostenlose Beratung und ein unverbindliches Angebot.
Schreiben
Um einen Wert auf einen NFC-Tag zu schreiben, senden Sie einen Befehl aus Ihrer Web-App, indem Sie die folgende URL laden: writenfc://?value=data
Beispiel:<a href="writenfc://?value=WebViewGold.com"> Write to an NFC tag </a>
Dadurch wird Ihre App in den Schreibmodus versetzt und der Wert gespeichert, bis ein Tag gescannt wird.
Auf eine VCARD schreiben
Verwenden Sie dieselbe API wie beim Schreiben von Klartext. Formatieren Sie den Text wie folgt:
VCARDTrennen Sie die Eigenschaften mit einem Unterstrich (
FN:John Doe
Title:Developer
TEL;TYPE=CELL:0452641211
_
_
_
_) und stellen Sie dem Text VCARD_ voran. Eine Liste der unterstützten Eigenschaften finden Sie unter https://en.wikipedia.org/wiki/VCard#Properties.
Lesen
Um einen NFC-Tag zu lesen, laden Sie readnfc://. Die App gibt die Informationen an Ihre Web-App zurück, indem sie readNFCResult(data, id, tag) aufruft, wobei data der gespeicherte Wert, id die Tag-Kennung und tag der Tag-Typ ist. Definieren Sie diese JavaScript-Funktion in Ihrer Web-App, um die Werte zu verarbeiten.
So testen Sie die API
- Öffnen Sie die Config-Datei der Codebasis Ihrer App.
- Geben Sie Ihren Purchase Code ein.
- Legen Sie als URL der App die NFC-API-Testseite fest: https://webviewgoldtest.github.io/NFCtesting.html
- Führen Sie die App aus.
- Drücken Sie eine der Lese- oder Schreiboptionen, um den entsprechenden Modus zu aktivieren. Beim Schreiben geben Sie einen Wert ein.
- Halten Sie den NFC-Tag an das Gerät, um den Lese- oder Schreibvorgang abzuschließen. Die Testseite und die App zeigen die Ergebnisse an.
Implementierungshinweise im SDK-Stil
Betrachten Sie diese Funktion als native Fähigkeit, die Ihrer Web-Ebene bereitgestellt wird: Behalten Sie Ihre Produktivwebsite oder PWA als zentrale Quelle bei und nutzen Sie anschließend die dokumentierten WebViewGold-Konfigurationsflags, URL-Befehle und JavaScript-Bridge-Aufrufe, um natives iOS-Verhalten nur dort zu aktivieren, wo es einen Mehrwert bietet. So bleibt Ihre Codebasis wartbar, da dieselbe Webanwendung mit minimaler Fallunterscheidung Browser, WebViewGold für iOS und die übrigen WebViewGold-Plattformen bedienen kann.
Für zuverlässige Ergebnisse empfehlen sich HTTPS-Endpunkte, stabile Routennamen, explizite Erfolgs-/Fehlerzustände in Ihrer UI sowie kleine JavaScript-Hilfsfunktionen, die native Aufrufe kapseln. Beispielsweise kann eine mit jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, einem eigenen React-/Vue-/Angular-Stack oder statischem HTML erstellte Web-App eine einzelne Schaltfläche oder einen Event-Handler bereitstellen, der die native WebViewGold-API auslöst und dennoch einen sauberen Browser-Fallback zeigt.
- Empfohlenes Integrationsmuster: Erkennen Sie den App-Kontext, rufen Sie die WebViewGold-API auf und aktualisieren Sie anschließend Ihre Web-UI nach dem nativen Callback oder Routenwechsel.
- Test-Checkliste: Prüfen Sie die Funktion auf einem echten Gerät oder in einem paketierten Build, überprüfen Sie Berechtigungen und Store-Prüftexte und stellen Sie sicher, dass reine Browser-Nutzer weiterhin einen sinnvollen Fallback erhalten.
- SEO-Vorteil: Halten Sie Feature-Seiten, Routentitel und strukturierte Inhalte auf Ihrer Website indexierbar, während WebViewGold die native App-Hülle für iOS-Nutzer bereitstellt.