Replit + 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 Replit: 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 Backends Express/Flask/FastAPI con Replit Postgres o bases de datos externas 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 Replit; la parte de la cámara es nativa.
Pega esto en Replit para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Añade escaneo nativo de QR y de códigos de barras a esta app de Replit para el envoltorio de WebViewGold. En el backend, añade GET /api/items/:code (búsqueda en Postgres) y POST /api/scans (code, scanned_by a partir de la sesión de Replit Auth, scanned_at). En la app React, añade una página de escaneo, visible solo cuando navigator.userAgent contenga mi token personalizado de WebViewGold, con "Escanear código QR" (window.location.href = qrcode://) y "Escanear código de barras" (window.location.href = barcodescanner://). 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 la búsqueda, registra el escaneo y muestra el elemento. Añade una ruta /i/:code para los códigos QR. Muestra un estado de carga en lugar de un error por tiempo de espera.
¡Gran trabajo! Nunca tuve que usar código para nada, pero logré trabajar con esto y tener mi App lista. ¡Fácil y rápido! ¡También con gran ayuda de los creadores!
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 Backends Express/Flask/FastAPI con Replit Postgres o bases de datos externas.
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.