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 Tus propias rutas de API o servicios 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 Cursor; la parte de la cámara es nativa.
Prompt para Cursor
Pega esto en Cursor para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para el agente de Cursor
Prompt para el agente de Cursor: Añade escaneo nativo para el envoltorio de app WebViewGold. En src/lib/webviewgold.ts, añade scanQr(), que asigna qrcode:// a window.location.href, y scanBarcode(timeoutMs), que asigna barcodescanner:// a window.location.href, consulta la variable global barcodescanresult cada 300 ms, se resuelve con el valor y la vacía, o se rechaza al agotarse el tiempo. Ambas funciones solo actúan cuando navigator.userAgent contiene mi token personalizado de WebViewGold; en caso contrario, scanBarcode recurre a un decodificador de cámara con getUserMedia. Crea con ellas una pantalla de escaneo y una ruta /s/:code para los deep links de los QR que cargue el elemento desde nuestra API. Añade tests que simulen la variable global. Añade una nota en .cursor/rules que describa el puente.
WebViewGold nos ha permitido el tiempo de mercado más corto y eficiente que jamás sea posible de todas las otras plataformas de aplicaciones que hemos probado durante los últimos 5 años. No sé por qué no lo había descubierto antes, ¡pero estoy muy, muy contento de haberlo hecho. Actualmente cerca de 6000 descargas de aplicaciones tanto en iOS App Store & Google Play Store sin ningún problema!
Añade el escáner a Cursor
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 Tus propias rutas de API o servicios.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.