Reçus pour les notes de frais
L'utilisateur scanne un reçu froissé, le scanner l'aplatit et le recadre, et votre backend stocke le fichier et en extrait le montant, la date et le commerçant par OCR ou avec un modèle d'IA.
Ce que les utilisateurs scannent dans les apps vibe-codées
Contrats et formulaires signés
Les scans multipages de baux, de formulaires de consentement ou de documents d'intégration arrivent directement dans la fiche client, au lieu de photos floues envoyées par e-mail.
Travail sur le terrain et livraisons
Bons de livraison, fiches d'inspection, bons d'intervention manuscrits : les équipes scannent sur place et le bureau voit un document propre et lisible une minute plus tard.
Aucune nouvelle interface à construire
Le scanner se branche sur chaque <input type="file"> standard. Si votre app a déjà un bouton d'envoi de fichier, l'option de scan y apparaît dès que le réglage est activé.
Prompt pour Lovable
Collez ceci dans Lovable pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt à coller dans Lovable
Préparez l'envoi de reçus pour le scanner de documents natif de notre app WebViewGold. 1) Passez le champ de fichier des reçus en accept="image/*,application/pdf" et gardez un input type="file" standard (pas de widget qui fonctionne uniquement par glisser-déposer). 2) Envoyez les fichiers dans un bucket Supabase Storage privé receipts, sous le chemin user_id/uuid avec l'extension d'origine, en autorisant application/pdf, image/jpeg et image/png jusqu'à 20 Mo. 3) Créez une table documents (id, user_id, path, mime_type, status, amount, merchant, receipt_date) avec une row-level security réservée au propriétaire. 4) Après l'envoi, appelez une edge function extract-receipt qui lit le fichier avec le service role, l'envoie à notre fournisseur d'OCR ou d'extraction par IA à l'aide d'un secret, et met à jour amount, merchant et receipt_date. 5) Affichez une barre de progression pendant l'envoi et un badge de statut (en cours, terminé, échec). 6) Quand navigator.userAgent contient WebViewGold, libellez le bouton « Scanner ou envoyer un reçu » ; dans un navigateur, « Envoyer un reçu ». 7) N'affichez les fichiers stockés que via des URL signées.
Mon WebView iOS est enfin approuvé. Merci !!
Activez-le et rendez vos envois compatibles avec les scans
Une demi-heure, test sur deux téléphones compris.
Activez le réglage
iOS :
var kVisionKitEnable = truedans Config.swift. Android :ENABLE_ML_KIT_DOCUMENT_SCANNER = truedans Config.java. Remettez l'un ou l'autre sur false pour masquer à nouveau l'option.Acceptez les PDF en plus des images
Android renvoie un PDF de 5 pages maximum par scan, et la boîte de dialogue d'envoi adapte ses options à l'attribut
acceptdu champ. Utilisez par exempleaccept="image/*,application/pdf"et vérifiez que votre code d'envoi et votre stockage acceptentapplication/pdf.Prévoyez des tailles de fichier réalistes
Un scan multipage pèse plus lourd qu'une photo de profil. Vérifiez les limites de taille de votre route d'envoi et de votre bucket de stockage, et affichez la progression pendant que le fichier transite en données mobiles.
Rédigez un texte d'explication caméra honnête
Le scanner utilise l'appareil photo : le texte d'explication de l'accès à la caméra doit donc mentionner les documents, par exemple « pour scanner vos reçus et les joindre à vos notes de frais ».
Testez sur de vrais appareils
iOS nécessite iOS 18.4 ou une version ultérieure et un appareil compatible avec la caméra de documents VisionKit ; ailleurs, l'option se masque d'elle-même. Android nécessite les services Google Play. Les simulateurs et émulateurs ne constituent pas un test réaliste.
iOS et Android en un coup d'œil
| iOS | Android | |
|---|---|---|
| Scanner | Caméra de documents Apple VisionKit | Google ML Kit Document Scanner |
| Réglage | kVisionKitEnable dans Config.swift | ENABLE_ML_KIT_DOCUMENT_SCANNER dans Config.java |
| Option dans la boîte de dialogue d'envoi | Scan Document, à côté de l'appareil photo et de la photothèque | Scan document, à côté des options photo, vidéo et galerie autorisées par l'attribut accept |
| Ce que reçoit votre champ | Le scan terminé, comme n'importe quel fichier envoyé | Un PDF, 5 pages maximum par scan |
| Prérequis | iOS 18.4 ou ultérieur sur un appareil compatible | Services Google Play |
| Intégré | Détection des bords, recadrage, amélioration, pages supplémentaires | Détection des bords, recadrage, amélioration, pages supplémentaires, import depuis la galerie |
Un gestionnaire d'envoi prêt pour les scans
Fonctionne pour les photos, les scans et les PDF, dans le navigateur comme dans l'app. Faites pointer /api/documents vers votre route d'envoi ; pour votre app Lovable, elle se trouve ici : Supabase ou Lovable Cloud (Postgres, stockage, edge functions).
javascript
// <input type="file" id="doc" accept="image/*,application/pdf">
document.getElementById("doc").addEventListener("change", async function (e) {
var file = e.target.files && e.target.files[0];
if (!file) return;
var isPdf = file.type === "application/pdf" || /\.pdf$/i.test(file.name);
if (file.size > 20 * 1024 * 1024) { showError("Ce scan est trop volumineux. Essayez avec moins de pages."); return; }
var form = new FormData();
form.append("file", file, file.name || (isPdf ? "scan.pdf" : "scan.jpg"));
showStatus("Envoi " + (isPdf ? "du document" : "de la photo") + "…");
var res = await fetch("/api/documents", { method: "POST", body: form });
showStatus(res.ok ? "Enregistré. Nous le lisons maintenant." : "Échec de l'envoi. Veuillez réessayer.");
});Checklist examen et confidentialité
- Guideline 4.2 : un scanner avec détection des bords est quelque chose qu'un site web ne peut pas offrir sur iPhone. Mentionnez-le dans les notes de validation et montrez-le sur une capture d'écran.
- App Privacy et Data safety : si les scans sont envoyés et stockés, déclarez-les (par exemple « Autre contenu de l'utilisateur » chez Apple, « Fichiers et documents » sur Google Play) avec la finalité pour laquelle vous les utilisez.
- Les scans de pièces d'identité, de relevés bancaires ou de formulaires médicaux sont sensibles : gardez le stockage privé, servez les fichiers via des liens de courte durée et laissez les utilisateurs supprimer leurs documents (voir le guide de la suppression de compte).
- Donnez à l'examinateur un compte de démonstration qui mène à un écran d'envoi ; sinon, il ne verra jamais le scanner.
Questions fréquentes
Dois-je modifier mon app web pour le scanner de documents ?
En général, non. Chaque champ de fichier standard reçoit l'option de scan dès que le réglage est activé. Vérifiez que le champ accepte les PDF en plus des images, car Android renvoie un PDF, et que votre limite d'envoi autorise les fichiers multipages.
Quel format de fichier vais-je recevoir ?
Sur Android, un PDF de 5 pages maximum par scan. Sur iOS, le scan VisionKit arrive par le même champ de fichier ; acceptez à la fois les images et les PDF, et testez le résultat sur un appareil avant de construire quoi que ce soit qui dépende du format.
Le scanner lit-il le texte (OCR) ?
Le scanner capture, recadre et améliore les pages. La lecture du texte revient à votre backend : envoyez le fichier reçu à un service d'OCR ou d'extraction par IA sur le serveur et stockez le résultat à côté du document.
Pourquoi l'option Scan Document manque-t-elle sur certains iPhone ?
L'option iOS nécessite iOS 18.4 ou une version ultérieure et un appareil compatible avec la caméra de documents VisionKit. Sur les autres appareils, elle est masquée automatiquement et les utilisateurs voient toujours l'appareil photo et la photothèque.
Le scan coûte-t-il quelque chose par page ?
Non. VisionKit fait partie d'iOS et le ML Kit Document Scanner passe par les services Google Play : il n'y a donc aucun frais par scan. Des coûts n'apparaissent que si vous envoyez les fichiers à un service d'OCR ou d'IA payant.
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.