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 Claude Code ya tiene un botón de subida, la opción de escaneo aparece ahí en cuanto activas el ajuste.
Prompt para Claude Code
Pega esto en Claude Code para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para Claude Code
Prompt para Claude Code: Lee https://www.webviewgold.com/docs/iOS/document-scanner/ y https://www.webviewgold.com/docs/android/document-scanner/. Después: 1) Enumera cada subida de archivos de este repositorio con su atributo accept, su límite de tamaño y su destino de almacenamiento. 2) Haz que las subidas de documentos acepten image/*,application/pdf mediante un input type="file" estándar y sube los límites para que quepa un escaneo PDF de 5 páginas (20 MB). 3) Valida el tipo y el tamaño en el servidor y guarda los archivos en un almacenamiento de objetos privado, con acceso por usuario y enlaces de descarga de corta duración. 4) Añade un test que suba un PDF de prueba de varias páginas y compruebe que se almacena y se procesa. 5) Cuando navigator.userAgent contenga mi token personalizado de WebViewGold, muestra la pista "Elige Escanear documento para obtener una copia limpia". 6) Redacta la descripción de uso de la cámara y las entradas de App Privacy y Data safety para los documentos almacenados. 7) Anota en CLAUDE.md que el escáner se activa de forma nativa y no necesita JavaScript.
Con una buena versión optimizada de su aplicación web, puedes tener una impresionante aplicación móvil en un par de minutos. ¡Además del servicio al cliente es muy agradable y muy útil! ¡Puedo recomendar WebViewgold :-)
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 Claude Code, esa ruta está en: Tus propias rutas de API, funciones serverless o Supabase.
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.