1

He realizado una mini aplicación web de Angular la cual corre en un equipo con Win10 en el puerto http://localhost:4200 por medio del comando

ng serve

desde una ventana de comandos.

La aplicación funciona correctamente en la pc donde esta corriendo la cual tiene la ip 192.168.1.1, pero como hacer para que otros usuarios de mi red local puedan acceder a la aplicacion?

Probé con http://192.168.1.1:4200, pero no funciona.

7
  • 3
    probá con ng serve --host=192.168.1.1 Commented el 7 nov. 2020 a las 6:26
  • 1
    Estás seguro de que el pc tiene la IP acabando en 1.1?? Eso normalmente es la puerta de enlace, no la IP
    – Benito-B
    Commented el 7 nov. 2020 a las 11:21
  • @Benito-B, si bien es usual que el valor 192.X.X.1 (o 10.X.X.1) se asigne para la puerta de enlace, no es una regla o norma. Cualquier dirección IP puede cumplir el rol de puerta de enlace, siempre que sea una dirección válida. Saludos Commented el 7 nov. 2020 a las 12:11
  • 1
    Ya probaste a lanzarla en 0.0.0.0 ? Commented el 7 nov. 2020 a las 16:13
  • @MauricioContreras ya sé que no es obligatorio que esa IP sea la puerta de enlace, pero ante la falta de pruebas aportadas por el autor de la pregunta creo que sería correcto empezar por lo más obvio, que es que la IP a la que está accediendo no sea la correcta
    – Benito-B
    Commented el 7 nov. 2020 a las 16:57

3 respuestas 3

3
  • Si tienes windows recomiendo desactivar el firewall
  • Correr el comando $ng serve --host 0.0.0.0
  • Desde otro dispositivo en tu navegador poner la ip del equipo donde levantaste el server ejemplo http://192.168.100.5:4200/
2

ng serve por default escucha las peticiones en localhost que normalmente apunta al "rulo local" (loopback) 127.0.0.1 en ipv4 y ::1 en ipv6.

Para que atienda peticiones en otra ip ( o en otro host ) podes usar la opción --host con el nombre del host ( queda en el sistema operativo local hacer la traducción a ip ) o directamente la ip, que en tu caso sería ng serve --host=192.168.1.1.

También es posible usar 0.0.0.0 que en términos de enganchar servicios a interfaces significa "todas las interfaces disponibles" eso incluye localhost (127.0.0.1) y todas las ip de cada una de tus interfaces de red ( cable, wi-fi, etc. ) aunque dependiendo de la versión del cli y del proyecto seguramente haya algún tema de cors o de chequeo de hostnames, opciones que se pueden deshabilitar pero te compromete la seguridad.

Otras configuraciones mas avanzadas incluyen --allowedHosts= para filtrar las ip/hosts que pueden acceder y --publicHost= para definir la url que debe usar el navegador para acceder, independientemente de la ip/host definida con --host ( por ejemplo cuando configuras un proxy reverso que traduce entre dominios/subdominios visibles desde afuera y servicios en ip:puerto locales ).

0

Lo que dice @alo Malbarez es la respuesta pero tambien existen otras herramientas de ayuda como ngrok

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.