Replit + NFC
Safari ne donne aucun accès NFC aux sites web, et Web NFC n'existe que dans Chrome sur Android. Encapsulée avec WebViewGold, votre app Replit lance un scan NFC natif avec un simple lien et reçoit le contenu du tag dans une fonction JavaScript : sur Android via l'API NFC documentée, sur iPhone via le plugin NFC de WebViewGold. Check-ins, étiquettes d'équipement et cartes de visite NFC ne demandent alors que quelques lignes de code.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Un tag placé à l'entrée, sur un bureau ou dans une salle de cours contient un token. L'utilisateur en approche son téléphone, readnfc:// transmet le token à votre app web, et votre backend enregistre la visite pour l'utilisateur connecté. Cela fonctionne dans une salle sombre, sans avoir à viser quoi que ce soit avec l'appareil photo.
Collez un tag sur une machine, un vélo de location ou une caisse de stockage et programmez son ID une fois pour toutes avec writenfc://?value=…. Plus tard, l'équipe y approche son téléphone pour ouvrir la bonne fiche : carnet d'entretien, statut de location, état du stock.
Écrivez une vCard sur une carte ou un autocollant (préfixe VCARD_, propriétés séparées par des underscores) : les autres téléphones enregistrent le contact en approchant simplement la carte. Pratique pour les apps d'événements, de networking et d'immobilier.
Un tag qui contient un simple lien https vers votre domaine (programmé avec n'importe quel outil d'écriture NFC) est lu par le téléphone lui-même sur les iPhone récents et la plupart des téléphones Android. Avec les Universal Links et les App Links configurés, ce lien ouvre directement l'app.
Collez ceci dans Replit pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Ajoutez le check-in NFC sans contact pour le wrapper d'app native WebViewGold. 1) Backend : créez les tables nfc_tags (token, location, active) et checkins (user_id, tag_token, created_at) dans la base Postgres et ajoutez POST /api/nfc/checkin, qui exige l'utilisateur Replit Auth connecté, valide le token et refuse les doublons dans les 10 minutes. 2) Front-end : ajoutez un écran Check-in avec un bouton « Approchez votre téléphone du tag » qui navigue vers readnfc:// uniquement si navigator.userAgent contient WebViewGold ; dans un navigateur, affichez un champ de code manuel qui appelle le même endpoint. 3) Définissez window.readNFCResult = function (data, id, tag) de façon globale (dans l'effet du composant racine) et envoyez data en POST à /api/nfc/checkin ; affichez immédiatement « Check-in en cours… » et réessayez une fois si le serveur est en train de se réveiller. 4) Ajoutez une page d'administration qui crée un token et l'écrit sur un tag avec writenfc://?value=TOKEN. 5) Gardez tout secret de signature dans Replit Secrets, jamais dans le client.
Je suis très content d'avoir acheté cette application ! Extrêmement facile et excellente documentation. J'ai été en contact avec le service client, ils ont répondu très rapidement et très amicalement. Ils ont résolu ma question en un jour. 10/10 recommanderaient.
Un après-midi, dont l'essentiel pour les tests avec de vrais tags.
Les autocollants et cartes NTAG213, NTAG215 ou NTAG216 fonctionnent avec les iPhone et les téléphones Android et contiennent de 144 à 888 octets : assez pour un token ou une URL courte, pas pour des fichiers. Commandez-en quelques-uns de plus pour les tests.
Android : l'API de lecture et d'écriture est décrite dans la documentation Android. iOS : le NFC est un plugin WebViewGold hors du périmètre fonctionnel général ; demandez-le (consultation gratuite, devis sans engagement) et saisissez le token reçu dans NFCEnabled dans Config.swift. Apple exige aussi la capability de lecture de tags NFC et un texte d'explication (purpose string) qui nomme votre cas d'usage.
Quand l'utilisateur touche « Approchez votre téléphone du tag », naviguez vers readnfc://, mais uniquement dans l'app (vérifiez le user agent personnalisé que vous avez défini dans WebViewGold). Sur iPhone, iOS affiche sa propre fenêtre de scan pendant que la session écoute.
Définissez une fonction globale readNFCResult. iOS l'appelle avec (data, id, tag) : contenu, identifiant du tag et type de tag. Android l'appelle avec (data). Construisez votre logique sur data pour qu'elle se comporte de la même façon sur les deux plateformes.
Envoyez la valeur à votre backend avec la session de l'utilisateur et décidez-y si un check-in compte. Les tags peuvent être copiés : faites tourner les tokens ou ajoutez des créneaux horaires pour tout ce qui a de la valeur.
Naviguez vers writenfc://?value=… : l'app passe en mode écriture et enregistre la valeur sur le prochain tag approché du téléphone. Gardez des valeurs courtes et compatibles avec les URL (lettres, chiffres, tirets) et encodez les espaces en %20.
Intégrez ceci à votre app Replit ou demandez à l'agent d'écrire l'équivalent dans votre framework. /api/checkin représente votre propre route de check-in ; dans votre projet Replit, elle se trouve ici : Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes. Le token du user agent est celui que vous configurez dans WebViewGold.
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // votre token de user agent personnalisé
function scanTag() {
if (!IN_APP) { showMessage("Le check-in sans contact fonctionne dans notre app mobile. Saisissez plutôt le code."); return; }
window.location.href = "readnfc://";
}
// Appelée par WebViewGold après la lecture d'un tag.
// iOS transmet (data, id, tag), Android transmet (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 ? "Check-in enregistré" : "Ce tag est inconnu"); });
};
// Admin : écrire un token (ou une chaîne VCARD_) sur le prochain tag
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");Pas dans Safari : iOS ne donne aucun accès NFC aux sites web. Dans une app WebViewGold, il fonctionne grâce au plugin NFC natif sur l'iPhone 7 et les modèles plus récents. L'utilisateur lance chaque scan, et iOS affiche sa propre fenêtre de scan pendant l'écoute.
Sur Android, l'API de lecture et d'écriture fait partie de la documentation. Sur iOS, le NFC est un plugin hors du périmètre fonctionnel général : l'équipe WebViewGold l'active app par app avec un token, après une consultation gratuite et un devis sans engagement. Les besoins étendus, comme des types de tags particuliers, relèvent du développement sur mesure sur les deux plateformes.
Les QR codes ne coûtent rien, fonctionnent sur tous les téléphones équipés d'un appareil photo et sont faciles à tester pour les examinateurs. Le NFC est plus rapide, fonctionne dans l'obscurité et fait plus haut de gamme, mais il nécessite des tags et du matériel NFC. Beaucoup d'apps proposent les deux : le NFC comme raccourci, un QR code ou un code à saisir en solution de repli.
Sur iOS, la fonction de rappel reçoit aussi l'identifiant et le type du tag. La fonction de rappel Android documentée à ce jour ne renvoie que les données stockées : pour une logique qui doit fonctionner sur les deux plateformes, écrivez votre propre ID ou token sur le tag.
En général, il ne le peut pas, car il n'a pas votre tag. Décrivez la fonctionnalité dans les notes de validation, fournissez un code de démonstration ou un QR code qui déclenche le même parcours, et joignez le lien d'un court enregistrement d'écran montrant un vrai scan.
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principale$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuite$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.
Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours
Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.
Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.