Lovable + 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 Lovable: 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 Supabase o Lovable Cloud (Postgres, almacenamiento, edge functions) 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 Lovable; la parte de la cámara es nativa.
Pega esto en Lovable 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. 1) Crea una ruta /scan/:code que busque el código en una tabla de Supabase scan_codes y muestre el elemento correspondiente; los códigos QR que imprimamos contendrán esa URL. 2) Añade un botón "Escanear código QR" que asigne qrcode:// a window.location.href cuando navigator.userAgent contenga mi token personalizado de WebViewGold; en caso contrario, ocúltalo. 3) Añade un botón "Escanear código de barras" que asigne barcodescanner:// a window.location.href y luego consulte la variable global barcodescanresult cada 300 ms durante un máximo de 60 segundos; cuando tenga valor, busca en products por ean, muestra el producto y vacía la variable. 4) Añade un campo de entrada manual como alternativa.
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 :-)
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 Supabase o Lovable Cloud (Postgres, almacenamiento, edge functions).
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.