Plugin NFC
Lisez les tags NFC nativement dans votre application WebView iOS et transmettez les données du tag à votre application web.
La technologie Near-Field Communication (NFC) est l'une des technologies les plus récentes à être devenue très populaire auprès des utilisateurs mobiles. Elle permet à deux appareils, ou à un appareil et un tag NFC, de communiquer sans fil lorsqu'ils sont à proximité immédiate. NFC est largement utilisé sur les appareils iOS pour lire et écrire de petites quantités de données, ce qui en fait un outil efficace pour partager des informations via des cartes ou des tags compatibles NFC.
L'API NFC permet aux développeurs de lire et d'écrire des données sur des tags NFC directement depuis le code de l'application. Cela ouvre de nouvelles possibilités d'interaction entre les applications et les utilisateurs, du partage de coordonnées à l'intégration de fragments de texte.
Intégration du plugin NFC de WebViewGold
Bien que le NFC ne fasse pas partie du périmètre général des fonctionnalités de WebViewGold, nous proposons, au cas par cas, une intégration personnalisée et simple du plugin NFC de WebViewGold (via JavaScript).
Veuillez nous faire part de vos besoins (par exemple, l'écriture/la lecture de fragments de texte et/ou de coordonnées de cartes de visite vers/depuis des tags NFC) par e-mail à l'adresse [email protected] pour une consultation gratuite et un devis sans engagement.
Écriture
Pour écrire une valeur sur un tag NFC, envoyez une commande depuis votre application web en chargeant l'URL suivante : writenfc://?value=data
Exemple :<a href="writenfc://?value=WebViewGold.com"> Write to an NFC tag </a>
Cela fait passer votre application en mode Écriture et stocke la valeur jusqu'à ce qu'un tag soit scanné.
Écriture dans une VCARD
Utilisez la même API que pour l'écriture de texte brut. Formatez le texte de la manière suivante :
VCARDSéparez les propriétés par un trait de soulignement (
FN:John Doe
Title:Developer
TEL;TYPE=CELL:0452641211
_
_
_
_) et préfixez le texte par VCARD_. Consultez https://en.wikipedia.org/wiki/VCard#Properties pour obtenir la liste des propriétés prises en charge.
Lecture
Pour lire un tag NFC, chargez readnfc://. L'application renverra les informations à votre application web en appelant readNFCResult(data, id, tag), où data est la valeur stockée, id l'identifiant du tag et tag le type de tag. Définissez cette fonction JavaScript dans votre application web pour traiter ces valeurs.
Comment tester l'API
- Ouvrez le fichier Config de la base de code de votre application.
- Saisissez votre code d'achat.
- Définissez l'URL de l'application sur la page de test de l'API NFC : https://webviewgoldtest.github.io/NFCtesting.html
- Lancez l'application.
- Appuyez sur l'une des options Lecture ou Écriture pour activer le mode correspondant. En cas d'écriture, saisissez une valeur.
- Approchez le tag NFC de l'appareil pour terminer l'opération de lecture ou d'écriture. La page de test et l'application afficheront les résultats.
Notes d’implémentation façon SDK
Considérez cette fonctionnalité comme une capacité native exposée à votre couche web : conservez votre site web de production ou votre PWA comme source de vérité, puis utilisez les indicateurs de configuration WebViewGold documentés, les commandes URL et les appels du pont JavaScript pour activer le comportement natif iOS uniquement là où il apporte de la valeur. Cette approche garde votre base de code maintenable, car la même application web peut servir les navigateurs, WebViewGold pour iOS et les autres plateformes WebViewGold avec un minimum de logique conditionnelle.
Pour des résultats fiables, privilégiez les points de terminaison HTTPS, des noms de routes stables, des états de succès/erreur explicites dans votre interface et de petites fonctions JavaScript qui encapsulent les appels natifs. Par exemple, une application web créée avec jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, une pile React/Vue/Angular personnalisée ou du HTML statique peut exposer un seul bouton ou gestionnaire d’événement qui déclenche l’API native WebViewGold tout en affichant une solution de repli élégante dans le navigateur.
- Modèle d’intégration recommandé : détectez le contexte de l’application, appelez l’API WebViewGold, puis mettez à jour votre interface web après le rappel natif ou le changement de route.
- Liste de vérification des tests : validez la fonctionnalité sur un appareil réel ou une build empaquetée, vérifiez les autorisations et le texte de revue du store, et confirmez que les utilisateurs navigateur uniquement reçoivent toujours une solution de repli utile.
- Avantage SEO : gardez les pages de fonctionnalités, les titres de routes et le contenu structuré indexables sur votre site web pendant que WebViewGold fournit l’enveloppe d’application native pour les utilisateurs iOS.