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 Vos propres routes API ou services 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 Cursor ; seule la partie caméra est native.
Prompt pour Cursor
Collez ceci dans Cursor pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt pour l'agent Cursor
Prompt pour l'agent Cursor : ajoutez le scan natif pour le wrapper d'app WebViewGold. Dans src/lib/webviewgold.ts, ajoutez scanQr(), qui met window.location.href sur qrcode://, et scanBarcode(timeoutMs), qui met window.location.href sur barcodescanner://, interroge la variable globale barcodescanresult toutes les 300 ms, se résout avec la valeur puis la vide, ou rejette en cas de délai dépassé. Les deux ne s'exécutent que si navigator.userAgent contient mon token WebViewGold personnalisé ; sinon, scanBarcode se rabat sur un décodeur caméra basé sur getUserMedia. Construisez avec elles un écran Scan, ainsi qu'une route /s/:code pour les deep links des QR codes, qui charge l'élément depuis notre API. Ajoutez des tests qui simulent la variable globale. Ajoutez une note .cursor/rules qui décrit le pont.
WebViewGold nous a permis d'avoir le temps de mise sur le marché le plus court et le plus efficace jamais possible parmi toutes les autres plates-formes d'application que nous avons essayées au cours des 5 dernières années. Je ne sais pas pourquoi je ne vous ai pas découvert plus tôt, mais je suis vraiment, vraiment content de l'avoir fait. Nous approchons actuellement les 6000 téléchargements d'application sur l'App Store iOS et Google Play Store sans aucun problème!
Ajouter le scanner à Cursor
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 Vos propres routes API ou services.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.