Recibos para el control de gastos
El usuario escanea un recibo arrugado, el escáner lo aplana y lo recorta, y tu backend guarda el archivo y extrae el importe, la fecha y el comercio con OCR o con un modelo de IA.
Qué escanean los usuarios en las apps hechas con vibe coding
Contratos y formularios firmados
Los escaneos de varias páginas de contratos de alquiler, formularios de consentimiento o documentación de alta van directamente al expediente del cliente, en lugar de llegar por correo como fotos borrosas.
Trabajo de campo y entregas
Notas de entrega, hojas de inspección, órdenes de trabajo escritas a mano: los equipos escanean en el lugar y la oficina ve un documento limpio y legible un minuto después.
Sin interfaz nueva que construir
El escáner se integra en cualquier <input type="file"> estándar. Si Lovable ya tiene un botón de subida, la opción de escaneo aparece ahí en cuanto activas el ajuste.
Prompt para Lovable
Pega esto en Lovable para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para pegar en Lovable
Prepara la subida de recibos para el escáner de documentos nativo de nuestra app WebViewGold. 1) Cambia el campo de archivo de recibos a accept="image/*,application/pdf" y mantenlo como un input type="file" estándar (nada de widgets que solo admitan arrastrar y soltar). 2) Sube los archivos a un bucket privado de Supabase Storage llamado receipts bajo la ruta user_id/uuid con la extensión original, permitiendo application/pdf, image/jpeg e image/png de hasta 20 MB. 3) Crea una tabla documents (id, user_id, path, mime_type, status, amount, merchant, receipt_date) con row-level security solo para el propietario. 4) Tras la subida, llama a una edge function extract-receipt que lea el archivo con la service role, lo envíe a nuestro proveedor de OCR o de extracción con IA usando un secreto y actualice amount, merchant y receipt_date. 5) Muestra una barra de progreso durante la subida y una etiqueta de estado (procesando, listo, error). 6) Cuando navigator.userAgent contenga WebViewGold, rotula el botón "Escanear o subir recibo"; en un navegador, "Subir recibo". 7) Muestra los archivos guardados solo mediante URL firmadas.
Mi WebView de iOS finalmente está aprobada. ¡Gracias!
Actívalo y prepara tus subidas para recibir escaneos
Media hora, incluida una prueba en dos teléfonos.
Activa el ajuste
iOS:
var kVisionKitEnable = trueen Config.swift. Android:ENABLE_ML_KIT_DOCUMENT_SCANNER = trueen Config.java. Pon cualquiera de los dos en false para volver a ocultar la opción.Acepta PDF además de imágenes
Android devuelve un PDF de hasta 5 páginas por escaneo, y el diálogo de subida adapta sus opciones al atributo
acceptdel campo. Usa algo comoaccept="image/*,application/pdf"y asegúrate de que tu código de subida y tu almacenamiento aceptanapplication/pdf.Permite tamaños de archivo realistas
Un escaneo de varias páginas pesa más que una foto de perfil. Revisa los límites de tamaño de tu ruta de subida y de tu bucket de almacenamiento, y muestra el progreso mientras el archivo viaja por datos móviles.
Escribe una descripción de uso de la cámara honesta
El escáner usa la cámara, así que la descripción de uso de la cámara debería mencionar documentos, por ejemplo "para escanear recibos y adjuntarlos a tus informes de gastos".
Prueba en dispositivos reales
iOS necesita iOS 18.4 o posterior y un dispositivo compatible con la cámara de documentos de VisionKit; en los demás, la opción se oculta sola. Android necesita Google Play Services. Los simuladores y emuladores no son una prueba realista.
iOS y Android de un vistazo
| iOS | Android | |
|---|---|---|
| Escáner | Cámara de documentos de Apple VisionKit | Google ML Kit Document Scanner |
| Ajuste | kVisionKitEnable en Config.swift | ENABLE_ML_KIT_DOCUMENT_SCANNER en Config.java |
| Opción en el diálogo de subida | Escanear documento, junto a Cámara y Fototeca | Escanear documento, junto a las opciones de foto, video y galería que permita el atributo accept |
| Lo que recibe tu campo | El escaneo terminado, como cualquier archivo subido | Un PDF, hasta 5 páginas por escaneo |
| Requisitos | iOS 18.4 o posterior en un dispositivo compatible | Google Play Services |
| Integrado | Detección de bordes, recorte, mejora de imagen, páginas adicionales | Detección de bordes, recorte, mejora de imagen, páginas adicionales, importación desde la galería |
Un gestor de subidas preparado para escaneos
Funciona con fotos, escaneos y PDF, en el navegador y en la app. Apunta /api/documents a tu ruta de subida; en tu app de Lovable, esa ruta está en: Supabase o Lovable Cloud (Postgres, almacenamiento, 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("Ese escaneo es demasiado grande. Prueba con menos páginas."); return; }
var form = new FormData();
form.append("file", file, file.name || (isPdf ? "scan.pdf" : "scan.jpg"));
showStatus("Subiendo " + (isPdf ? "documento" : "foto") + "…");
var res = await fetch("/api/documents", { method: "POST", body: form });
showStatus(res.ok ? "Guardado. Lo estamos leyendo." : "La subida ha fallado. Inténtalo de nuevo.");
});Lista de comprobación de revisión y privacidad
- Directriz 4.2: un escáner con cámara y detección de bordes es algo que un sitio web no puede ofrecer en iPhone. Menciónalo en las notas de revisión y muéstralo en una captura de pantalla.
- App Privacy y Data safety: si los escaneos se suben y se almacenan, decláralos (por ejemplo, "Other User Content" en Apple y "Files and docs" en Google Play) junto con la finalidad para la que los usas.
- Los escaneos de documentos de identidad, extractos bancarios o formularios médicos son sensibles: mantén el almacenamiento privado, sirve los archivos mediante enlaces de corta duración y permite que los usuarios eliminen sus documentos (consulta la guía de eliminación de cuentas).
- Dale al revisor una cuenta demo que llegue a una pantalla de subida; si no, nunca verá el escáner.
Preguntas frecuentes
¿Tengo que cambiar mi app web para usar el escáner de documentos?
Normalmente no. Todo campo de archivo estándar recibe la opción de escaneo en cuanto el ajuste está activo. Comprueba que el campo acepta PDF además de imágenes, porque Android devuelve un PDF, y que tu límite de subida permite archivos de varias páginas.
¿Qué formato de archivo recibo?
En Android, un PDF de hasta 5 páginas por escaneo. En iOS, el escaneo de VisionKit llega por el mismo campo de archivo; acepta tanto imágenes como PDF y prueba el resultado en un dispositivo antes de construir algo que dependa del formato.
¿El escáner lee el texto (OCR)?
El escáner captura, recorta y mejora las páginas. Leer el texto le corresponde a tu backend: envía el archivo subido a un servicio de OCR o de extracción con IA desde el servidor y guarda el resultado junto al documento.
¿Por qué falta Escanear documento en algunos iPhone?
La opción de iOS necesita iOS 18.4 o posterior y un dispositivo compatible con la cámara de documentos de VisionKit. En otros dispositivos se oculta automáticamente y los usuarios siguen viendo Cámara y Fototeca.
¿Escanear cuesta algo por página?
No. VisionKit forma parte de iOS y el ML Kit Document Scanner funciona a través de Google Play Services, así que no hay tarifas por escaneo. Solo hay costos si envías los archivos a un servicio de OCR o de IA de pago.
Tres formas de llevar tu app a las tiendas
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
Hazlo tú mismo
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principalCloud Builder
$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuitaFull Service
$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.