Check-ins et billets par QR code
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, Firebase ou votre propre API la valide.
Ce que vous pouvez construire avec
Recherche par code-barres
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.
Fidélité et parrainage
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 Bolt ; seule la partie caméra est native.
Prompt pour Bolt
Collez ceci dans Bolt pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt à coller dans Bolt
Ajoutez le scan de QR codes et de codes-barres à cette app Bolt pour le wrapper WebViewGold. Créez une page Scan avec deux boutons affichés uniquement quand navigator.userAgent contient mon token WebViewGold personnalisé : « Scanner un QR code » met window.location.href sur qrcode://, et « Scanner un code-barres » met window.location.href sur barcodescanner://. Après l'appel du code-barres, interrogez la variable globale barcodescanresult toutes les 300 ms pendant 60 secondes au maximum ; dès qu'elle a une valeur, insérez une ligne dans une table Supabase scans (user_id, code, created_at), affichez le code avec une recherche dans la table products et réinitialisez la variable. Créez une route /item/:code vers laquelle les QR codes peuvent pointer. Ajoutez une saisie manuelle du code pour les navigateurs.
Mon WebView iOS est enfin approuvé. Merci !!
Ajouter le scanner à Bolt
Environ 10 minutes, plus votre logique métier.
Ajoutez un bouton de scan
Un lien ou un bouton qui navigue vers
qrcode://(QR codes, l'URL obtenue s'ouvre dans l'app) oubarcodescanner://(codes-barres, résultat stocké dansbarcodescanresult). Ne l'affichez que dans l'app, en détectant le user agent de WebViewGold.Traitez le résultat dans votre app web
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 : lisezbarcodescanresultaprès la fermeture du scanner et lancez votre recherche dans Supabase, Firebase ou votre propre API.Expliquez l'autorisation caméra
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.
Choisissez le mode de scan
Avec
scanningmode://on,offouauto, vous décidez si le scanner se ferme après le premier résultat ou continue de scanner, pratique pour les inventaires.
Le résultat du code-barres en JavaScript
Un gestionnaire minimal pour la variable du code-barres :
javascript
// 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);
}
}Questions fréquentes
Le scanner nécessite-t-il des autorisations supplémentaires dans les stores ?
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.
Puis-je aussi scanner depuis l'app web dans le navigateur ?
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.
Quels formats de codes-barres sont pris en charge ?
Les formats 1D et 2D courants (EAN, UPC, Code 128, QR et d'autres) grâce aux frameworks de scan natifs de chaque plateforme.
Trois façons de mettre votre app dans les stores
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.
Faites-le vous-même
$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 principaleCloud Builder
$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 gratuiteFull Service
$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.