v0 + 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 v0 : 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 Route handlers et server actions Next.js, Postgres via Neon ou Supabase 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 v0 ; seule la partie caméra est native.
Collez ceci dans v0 pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Ajoutez à cette app Next.js le scan natif pour le wrapper d'app WebViewGold. 1) Créez app/scan/[code]/page.tsx, un server component qui charge depuis la base de données l'enregistrement correspondant au code et l'affiche ; nos QR codes contiendront cette URL. 2) Créez un client component ScanButtons, visible uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé, avec « Scanner un QR code » (met window.location.href sur qrcode://) et « Scanner un code-barres » (met window.location.href sur barcodescanner://). 3) Après l'appel du code-barres, interrogez la variable globale barcodescanresult toutes les 300 ms pendant 60 secondes au maximum, puis appelez app/api/products/lookup/route.ts avec la valeur et affichez le résultat. 4) Prévoyez ailleurs une saisie manuelle.
Mon WebView iOS est enfin approuvé. Merci !!
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 Route handlers et server actions Next.js, Postgres via Neon ou Supabase.
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.