Check-ins y entradas con QR
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, Firebase o tu propia API la valida.
Qué puedes crear con él
Consultas por código de barras
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.
Fidelización y referidos
Los miembros muestran un código QR y el personal lo escanea con la misma app. Ambos lados son páginas normales en Bolt; la parte de la cámara es nativa.
Prompt para Bolt
Pega esto en Bolt para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para pegar en Bolt
Añade escaneo de QR y de códigos de barras a esta app de Bolt para el envoltorio de WebViewGold. Crea una página de escaneo con dos botones que solo se muestren cuando navigator.userAgent contenga mi token personalizado de WebViewGold: "Escanear código QR" asigna qrcode:// a window.location.href y "Escanear código de barras" asigna barcodescanner:// a window.location.href. Tras la llamada del código de barras, consulta la variable global barcodescanresult cada 300 ms durante un máximo de 60 segundos; cuando tenga valor, inserta una fila en una tabla de Supabase scans (user_id, code, created_at), muestra el código con una búsqueda en la tabla products y reinicia la variable. Crea una ruta /item/:code a la que puedan apuntar los códigos QR. Añade la introducción manual del código para los navegadores.
Mi WebView de iOS finalmente está aprobada. ¡Gracias!
Añade el escáner a Bolt
Unos 10 minutos, más tu lógica de negocio.
Añade un botón de escaneo
Un enlace o botón que navegue a
qrcode://(códigos QR: la URL resultante se abre en la app) o abarcodescanner://(códigos de barras: el resultado se guarda enbarcodescanresult). Muéstralo solo dentro de la app detectando el user agent de WebViewGold.Gestiona el resultado en tu web app
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: leebarcodescanresultcuando se cierre el escáner y llama a tu búsqueda en Supabase, Firebase o tu propia API.Explica el permiso de la cámara
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.
Elige el modo de escaneo
Con
scanningmode://on,offoautocontrolas si el escáner se cierra tras la primera lectura o sigue escaneando, algo útil para recuentos de inventario.
Resultado del código de barras en JavaScript
Un manejador mínimo para la variable del código de barras:
javascript
// 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);
}
}Preguntas frecuentes
¿El escáner necesita permisos adicionales en las tiendas?
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.
¿Puedo escanear también desde la web app en el navegador?
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.
¿Qué formatos de código de barras se admiten?
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.
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.