Claude Code + 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 Claude Code: 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 Tus propias rutas de API, funciones serverless 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 Claude Code; la parte de la cámara es nativa.
Pega esto en Claude Code para implementar la parte de la web app. Revisa el resultado, publica y luego prueba dentro de la app WebViewGold.
Prompt para Claude Code: Lee https://www.webviewgold.com/llms-full.txt y luego añade escaneo nativo para el envoltorio de WebViewGold. Implementa scanQr() (window.location.href = qrcode://) y scanBarcode() (window.location.href = barcodescanner://, consulta la variable global barcodescanresult cada 300 ms, se resuelve con el valor, la vacía y se agota a los 60 segundos), activas solo cuando navigator.userAgent contenga mi token personalizado de WebViewGold, con una alternativa con getUserMedia en los navegadores. Añade una pantalla de escaneo y una ruta /s/:code para los códigos QR que obtenga el elemento desde nuestra API. Donde la app muestre un código QR para escanear, navega antes a scanningmode://auto. Escribe tests que asignen window.barcodescanresult. Documenta las rutas en CLAUDE.md.
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 Tus propias rutas de API, funciones serverless 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.