Lovable + 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 Lovable : 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 Supabase ou Lovable Cloud (Postgres, stockage, edge functions) 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 Lovable ; seule la partie caméra est native.
Collez ceci dans Lovable pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Ajoutez le scan natif pour le wrapper d'app WebViewGold. 1) Créez une route /scan/:code qui recherche le code dans une table Supabase scan_codes et affiche l'élément correspondant ; les QR codes que nous imprimons contiendront cette URL. 2) Ajoutez un bouton « Scanner un QR code » qui met window.location.href sur qrcode:// quand navigator.userAgent contient mon token WebViewGold personnalisé ; sinon, masquez-le. 3) Ajoutez un bouton « Scanner un code-barres » qui met window.location.href sur barcodescanner://, puis interroge la variable globale barcodescanresult toutes les 300 ms pendant 60 secondes au maximum ; dès qu'elle a une valeur, recherchez le produit par ean dans products, affichez-le et videz la variable. 4) Ajoutez un champ de saisie manuelle en solution de repli.
Avec une bonne version optimisée de votre application Web, vous pouvez avoir une superbe application mobile en quelques minutes. De plus, le service client est très agréable et très utile! Je ne peux que recommander WebViewGold :-)
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 Supabase ou Lovable Cloud (Postgres, stockage, edge functions).
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.