v0 + escáner
Escanear códigos QR desde el navegador dentro de un WebView es lento y pide demasiados permisos. WebViewGold abre el escáner nativo de la cámara desde un enlace (<code>qrcode://</code> o <code>barcodescanner://</code>) y devuelve el resultado directamente a tu app de v0: una URL se abre automáticamente y el valor de un código de barras llega a una variable JavaScript.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Acceso a eventos, asistencia a clases, check-ins en el gimnasio: el código QR contiene una URL de tu web app con un token, el escáner la abre dentro de la app y Route handlers y server actions de Next.js, Postgres mediante Neon o Supabase la valida.
Inventario, catálogos de productos, consulta de precios: el valor EAN/UPC escaneado está disponible como barcodescanresult y puede rellenar un campo de formulario o lanzar una búsqueda.
Los miembros muestran un código QR y el personal lo escanea con la misma app. Ambos lados son páginas normales en v0; la parte de la cámara es nativa.
Pega esto en v0 para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade escaneo nativo para el envoltorio de app WebViewGold a esta app de Next.js. 1) Crea app/scan/[code]/page.tsx, un server component que cargue de la base de datos el registro del código y lo renderice; nuestros códigos QR contendrán esta URL. 2) Crea un client component ScanButtons, visible solo cuando navigator.userAgent contenga mi token personalizado de WebViewGold, con "Escanear código QR" (asigna qrcode:// a window.location.href) y "Escanear código de barras" (asigna barcodescanner:// a window.location.href). 3) Tras la llamada del código de barras, consulta la variable global barcodescanresult cada 300 ms durante un máximo de 60 segundos, luego llama a app/api/products/lookup/route.ts con el valor y renderiza el resultado. 4) Ofrece la introducción manual en otros contextos.
Mi WebView de iOS finalmente está aprobada. ¡Gracias!
Unos 10 minutos, más tu lógica de negocio.
Un enlace o botón que navegue a qrcode:// (códigos QR: la URL resultante se abre en la app) o a barcodescanner:// (códigos de barras: el resultado se guarda en barcodescanresult). Muéstralo solo dentro de la app detectando el user agent de WebViewGold.
Para códigos QR: codifica una URL de tu web app (por ejemplo https://app.yourdomain.com/checkin?token=…); la app la abre como cualquier otra navegación y tu página hace el resto. Para códigos de barras: lee barcodescanresult cuando se cierre el escáner y llama a tu búsqueda en Route handlers y server actions de Next.js, Postgres mediante Neon o Supabase.
Los proyectos de WebViewGold ya incluyen la descripción de uso de la cámara; ajusta el texto para que nombre tu caso de uso ("para escanear entradas en el acceso"). Ambas tiendas leen estos textos.
Con scanningmode://on, off o auto controlas si el escáner se cierra tras la primera lectura o sigue escaneando, algo útil para recuentos de inventario.
Un manejador mínimo para la variable del código de barras:
// botón dentro de la app
function startScan() { window.location.href = "barcodescanner://"; }
// WebViewGold inyecta el resultado en la página
function onScannerClosed() {
if (typeof barcodescanresult !== "undefined" && barcodescanresult) {
document.querySelector("#sku").value = barcodescanresult;
lookupProduct(barcodescanresult);
}
}Solo el permiso de cámara con un texto de uso, que los proyectos de WebViewGold ya incluyen. Describe el caso de uso con honestidad en ese texto y en las respuestas de App Privacy / Data safety si guardas datos de los escaneos.
Sí, con una librería JavaScript. El escáner nativo es más rápido y usa la interfaz de cámara del sistema; detecta la app por el user agent y ofrece allí el escáner nativo, y la librería web en el resto de casos.
Los formatos 1D y 2D habituales (EAN, UPC, Code 128, QR y más), a través de los frameworks de escaneo nativos de cada plataforma.
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.
$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 principal$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 gratuita$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.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.