Me enfrenté a una situación muy similar en mi lugar de trabajo, donde tuve que incorporar a la aplicación algunas sugerencias de mis compañeros.
Al principio, compartía con mis compañeros capturas de pantalla del trabajo realizado. Me resultaba muy tedioso y me hacía perder mucho tiempo.
Solución:
Actualiza el script "start" en tu package.json como abajo. Puede ser cualquier puerto. He dado 4203 como un ejemplo.
“start”: “ng serve --host 0.0.0.0 --port 4203”,
Configurar el servidor de desarrollo web para que escuche en la dirección IP 0.0.0.0 significa que aceptará conexiones en cualquier dirección IP asignada al sistema.
Estoy utilizando el sistema operativo Windows. Para averiguar mi dirección IPv4, pulso ipconfig
en cmd
.
A continuación, puede golpear http://<ipv4-dirección>:4203
en el navegador para acceder a la aplicación angular en un móvil o cualquier otro dispositivo.
He proporcionado a mis colegas la URL:http://<ipv4-address>:4203.
Ellos pulsaron esta URL en el navegador de sus sistemas y pudieron ver la aplicación angular que desarrollé en mi sistema.
Cada vez que añadía algunos cambios más, todo lo que tenía que hacer era notificárselo. Actualizaban la URL en el navegador y todos los cambios estaban disponibles para que los probaran.
Estos son algunos requisitos previos para que esta solución funcione:
- El sistema/dispositivo en el que se está actualizando la aplicación angular debe estar en la misma red LAN/WIFI que los sistemas/dispositivos en los que se está probando/viendo la aplicación.
- Actualiza la configuración de tu firewall para que no bloquee ninguna petición.
=>En tu lugar de trabajo no tendrás problemas con el cortafuegos.
=>Si estás tratando de desarrollar una aplicación angular en tu PC personal y probar su capacidad de respuesta en un teléfono/cualquier dispositivo conectado a la misma red, entonces tienes que comprobar la configuración del firewall.
En mi PC personal, tuve que habilitar la comunicación a la aplicación Node.js JavaScript Runtime desde cualquier dispositivo en la red pública.
Inicialmente sólo estaba habilitada para los dispositivos de la red privada. Tuve que actualizar la configuración en el Firewall de Windows Defender.
Después de completar mis pruebas, deshabilité la comunicación a la aplicación desde dispositivos en redes públicas.
Otra sugerencia para aquellos que utilizan Windows OS para su PC personal.
Esto me ayudó a entender la causa por la que la aplicación angular inicialmente no pudo cargar en mi teléfono Android.
Abre el Firewall de Windows Defender en su sistema y actualizar la configuración de notificación como se indica a continuación.
Por favor, comprueba la opción resaltada en la siguiente captura de pantalla. Esto asegurará que cada vez que el firewall bloquee una aplicación, recibas una notificación. En esa notificación, puede permitir/bloquear la aplicación.
¡Gracias por formar parte de la comunidad 🚀