Replit + scanner
Dans une WebView, le scan de QR codes via le navigateur est lent et multiplie les demandes d'autorisation. WebViewGold ouvre le scanner natif de la caméra depuis un lien (<code>qrcode://</code> ou <code>barcodescanner://</code>) et renvoie directement le résultat à votre app Replit : une URL s'ouvre automatiquement, la valeur d'un code-barres arrive dans une variable JavaScript.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
Entrée d'un événement, présence à un cours, accès à la salle de sport : le QR code contient une URL de votre app avec un token, le scanner l'ouvre dans l'app et Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes la valide.
Inventaire, catalogues produits, vérification des prix : la valeur EAN/UPC scannée est disponible dans barcodescanresult et peut remplir un champ de formulaire ou lancer une recherche.
Les membres présentent un QR code, le personnel le scanne avec la même app. Les deux côtés sont de simples pages dans Replit ; seule la partie caméra est native.
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 scan natif de QR codes et de codes-barres à cette app Replit pour le wrapper WebViewGold. Dans le backend, ajoutez GET /api/items/:code (recherche dans Postgres) et POST /api/scans (code, scanned_by depuis la session Replit Auth, scanned_at). Dans l'app React, ajoutez une page Scan, visible uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé, avec « Scanner un QR code » (window.location.href = qrcode://) et « Scanner un code-barres » (window.location.href = barcodescanner://). Après l'appel du code-barres, interrogez la variable globale barcodescanresult toutes les 300 ms pendant 60 secondes au maximum, puis lancez la recherche, enregistrez le scan et affichez l'élément. Ajoutez une route /i/:code pour les QR codes. Affichez un état de chargement plutôt qu'une erreur de délai dépassé.
Excellent travail! Je n'ai jamais codé quoi que ce soit, mais j'ai réussi à travailler avec cela. Facile et rapide! Avec une grande aide des créateurs!
Environ 10 minutes, plus votre logique métier.
Un lien ou un bouton qui navigue vers qrcode:// (QR codes, l'URL obtenue s'ouvre dans l'app) ou barcodescanner:// (codes-barres, résultat stocké dans barcodescanresult). Ne l'affichez que dans l'app, en détectant le user agent de WebViewGold.
Pour les QR codes : encodez une URL de votre app (par exemple https://app.yourdomain.com/checkin?token=…) ; l'app l'ouvre comme n'importe quelle navigation et votre page fait le reste. Pour les codes-barres : lisez barcodescanresult après la fermeture du scanner et lancez votre recherche dans Backends Express/Flask/FastAPI avec Replit Postgres ou des bases de données externes.
Les projets WebViewGold contiennent déjà la description d'usage de la caméra ; adaptez le texte pour qu'il nomme votre cas d'usage (« pour scanner les billets à l'entrée »). Les deux stores lisent ces textes.
Avec scanningmode://on, off ou auto, vous décidez si le scanner se ferme après le premier résultat ou continue de scanner, pratique pour les inventaires.
Un gestionnaire minimal pour la variable du code-barres :
// bouton dans l'app
function startScan() { window.location.href = "barcodescanner://"; }
// WebViewGold injecte le résultat dans la page
function onScannerClosed() {
if (typeof barcodescanresult !== "undefined" && barcodescanresult) {
document.querySelector("#sku").value = barcodescanresult;
lookupProduct(barcodescanresult);
}
}Seulement l'autorisation caméra avec un texte d'explication, que les projets WebViewGold contiennent déjà. Décrivez honnêtement le cas d'usage dans ce texte et dans les réponses App Privacy / Sécurité des données si vous stockez les données scannées.
Oui, avec une bibliothèque JavaScript. Le scanner natif est plus rapide et utilise l'interface caméra du système : détectez l'app via le user agent et proposez-y le scanner natif, la bibliothèque web ailleurs.
Les formats 1D et 2D courants (EAN, UPC, Code 128, QR et d'autres) grâce aux frameworks de scan natifs de chaque plateforme.
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.