API de escáner de códigos de barras
Escanee códigos de barras EAN, UPC y otros de forma nativa en su aplicación Android WebView y entregue los resultados a su aplicación web.
La API de escáner de códigos de barras de WebViewGold permite que su app basada en WebView active la cámara del dispositivo para escanear códigos de barras. Una vez escaneado correctamente un código de barras, el resultado se devuelve automáticamente a su contenido web.
Casos de uso:
- Escanear códigos de barras de productos para sistemas de inventario
- Procesar entradas o códigos de acceso en apps de logística o de eventos
- Permitir la captura rápida de datos desde códigos de barras impresos
Cómo activar el escáner:
Utilice el siguiente HTML para iniciar el escáner de códigos de barras nativo:
<a href="barcodescanner://">Start Barcode Scanner</a> <a href="#" onClick="alert(barcodescanresult);">Show Scan Result</a>
- Start Barcode Scanner: abre la cámara del dispositivo para detectar los formatos de código de barras compatibles
- Show Scan Result: muestra el contenido del código de barras escaneado almacenado en la variable JavaScript
barcodescanresult
Nota técnica: tras el escaneo, el valor decodificado del código de barras se inyecta en la página actual a través de la variable JavaScript barcodescanresult. Puede usar esta variable para autocompletar formularios, activar lógica personalizada o realizar búsquedas basadas en los datos escaneados.
Permisos: asegúrese de que la app tenga acceso a la cámara del dispositivo, ya que es necesaria para que el escaneo de códigos de barras funcione correctamente.
Notas de implementación estilo SDK
Trate esta función como una capacidad nativa expuesta a su capa web: mantenga su sitio web de producción o PWA como fuente de verdad y, a continuación, utilice los indicadores de configuración de WebViewGold, los comandos de URL y las llamadas del puente de JavaScript documentados para activar el comportamiento nativo de Android solo donde aporte valor. Este enfoque mantiene su código fácil de mantener, porque la misma aplicación web puede servir a los navegadores, a WebViewGold para Android y a las demás plataformas de WebViewGold con una lógica condicional mínima.
Para obtener resultados fiables, opte por puntos de conexión HTTPS, nombres de ruta estables, estados de éxito/error explícitos en su interfaz y pequeñas funciones auxiliares de JavaScript que envuelvan las llamadas nativas. Por ejemplo, una aplicación web creada con jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, una pila propia de React/Vue/Angular o HTML estático puede exponer un único botón o controlador de eventos que active la API nativa de WebViewGold y, aun así, muestre una alternativa elegante en el navegador.
- Patrón de integración recomendado: detecte el contexto de la app, llame a la API de WebViewGold y luego actualice su interfaz web tras la devolución de llamada nativa o el cambio de ruta.
- Lista de comprobación de pruebas: valide la función en un dispositivo real o en una compilación empaquetada, verifique los permisos y el texto de revisión de la tienda, y confirme que los usuarios que solo usan el navegador siguen recibiendo una alternativa útil.
- Ventaja para el SEO: mantenga las páginas de funciones, los títulos de ruta y el contenido estructurado indexables en su sitio web, mientras WebViewGold ofrece la carcasa nativa de la app para los usuarios de Android.