Debido a que nuestro desarrollo de Angular usa las últimas versiones (v11), actualmente en internet los paquetes que hay de lectores de código de barras solo soportan hasta la versión 10 así que no tenemos muchas opciones.
La única opción que se encontró fue
Pero se encontró unas limitaciones
Por el momento no tenemos forma de escapar a esas limitaciones pero para poder superarlas e investigando encontré una forma de configurar el celular para que funcione.
HASTA EL MOMENTO PROBADO SOLO EN CHROME
Hay que seguir los siguientes pasos:
- Abrir el google Chrome
- Copiar en la url la siguiente línea
chrome://flags/#unsafely-treat-insecure-origin-as-secure
Esto te llevara a la siguiente pantalla, en el campo Insecure origins treated as secure se debe colocar la url del sistema y en la opción del combo se debe colocar enabled
En la parte inferior se mostrara una opción de Reload se debe presionar ese botón o se puede simplemente cerrar todo el Chrome y volverlo a abrir
Debes validar que el paso anterior quedara bien
Cuando no se hace bien la configuración en la parte superior al lado de la url aparece un símbolo de color rojo y al presionarlo se ve un detalle parecido a la siguiente imagen
Cuando el paso anterior es exitoso se visualiza la url de la siguiente manera (No se muestra el icono rojo)
Posteriormente ya debes ingresar a la página y especialmente al formulario que tiene el campo que va a usar el lector de barras, la primera vez que se presiona la imagen de código de barras él solicita permisos para usar la cámara
Después de dar los permisos ya estas listos para usar la cámara y leer el código QR
