Modèle d'application Scanner de QR et de codes-barres
Scanner natif plein écran avec lampe torche, filtres de format, copier/ouvrir/partager et historique des numérisations.
Voici le modèle en direct. Les fonctions du téléphone comme l’appareil photo, la vibration et les notifications fonctionnent dans l’application que vous compilez.
Fonctions du téléphone utilisées par ce modèle
Elles proviennent du pont JavaScript FreeApp inclus dans chaque application créée avec Free HTML to APK. Dans un navigateur normal, le modèle fonctionne quand même et les appels ne font simplement rien.
Scanner natif plein écran de QR / codes-barres avec lampe torche ; rejette avec 'cancelled'.
Copier dans le presse-papiers.
Ouvrir dans le navigateur / l'application externe.
Feuille de partage Android.
Court toast natif.
Comment le modèle les appelle
FreeApp.scanCode({ formats: ['QR_CODE'] })
.then(r => { result.textContent = r.text; })
.catch(e => { if (e.message !== 'cancelled') FreeApp.toast(e.message); });
Personnalisez-le avec l'IA
Copiez ce prompt dans ChatGPT, Gemini ou Claude, remplacez l'idée par la vôtre, puis collez la réponse dans l'éditeur. Il explique déjà à l'IA la structure de l'application et les fonctions du téléphone.
Afficher le prompt IA
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: QR & Barcode Scanner — a QR code and barcode scanner with a scan history, copy, open-link and share buttons. Native full-screen scanner with torch, format filters, copy/open/share and scan history.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- Must work fully offline: no CDN or external scripts, fonts or images; persist data in localStorage.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.scanCode(opts?: {formats?: string[] /* e.g. ['QR_CODE','EAN_13','CODE_128'] */, facing?: 'back' | 'front'}): Promise<{text, format}> — full-screen native QR / barcode scanner with torch; rejects with 'cancelled'
- FreeApp.copy(text: string): void — copy to clipboard
- FreeApp.open(url: string): void — open in the external browser / app
- FreeApp.share(text: string, title?: string): void — Android share sheet
- FreeApp.toast(message: string): void — short native toast
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]Transformez-le en application Android
- Touchez Modifier et compiler en ligne. Le modèle s'ouvre dans l'éditeur en ligne.
- Modifiez le texte, les couleurs et le code, puis choisissez un nom d'application, une icône et un nom du package.
- Compilez. Vous obtenez gratuitement un APK signé à installer et un AAB pour Google Play, sans compte et sans filigrane.
✏️ Modifier et compiler en ligne DISPONIBLE GRATUITEMENT SURGoogle Play
Autres modèles de la catégorie Appareil
Lampe torche
Lampe torche avec gros bouton, modes stroboscope et SOS.
Labo de vibrations
Jouez et composez des motifs haptiques personnalisés.
Suivi de position
Coordonnées GPS, précision et suivi de la distance parcourue à pied.
Infos de l'appareil
Modèle du téléphone, écran, système, mémoire et informations sur l'application.
Moniteur de batterie
Niveau de batterie, état de charge et graphique d'historique en direct.
État du réseau
État en ligne/hors ligne, type de connexion et journal des changements.