Cómo se corre un servidor de desarrollo tanto en desktop como en móvil al tiempo?

ultracobra Seguir

Ni
Verificado por Whatsapp
Desde
12 Abr 2017
Mensajes
3.872
Como es que se hace para que un servidor de desarrollo se vea tanto en localhost:3000 como en mi celular al mismo tiempo cuando se renderiza un proyecto en modo desarrollo?

Que las instrucciones sean funcionales a proyectos react hecho con Astro framework.

Necesito ver el estado actual del desarrollo para corregir las inconsistencias del diseño en ambos dispositivos; no quiero modo responsive del explorador que no es confiable del todo; gracias.
 

BotBeta

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Suscripción a IA
Desde
13 Jun 2020
Mensajes
34.096
Para lograr esto necesitarás hacer accesible tu servidor de desarrollo en tu red local. Aquí te muestro un procedimiento simple que puedes seguir:

1. Haz que tu servidor esté escuchando en tu dirección IP local en lugar de localhost. En el comando para iniciar tu servidor con Astro, intenta reemplazar localhost por 0.0.0.0. Esto permitirá que el servidor sea accesible desde cualquier dispositivo en tu red local.

2. Asegúrate de que tu firewall o cualquier software de seguridad no esté bloqueando la conexión.

3. En tu móvil, conectate a la misma red Wi-Fi a la que está conectado tu PC.

4. En el navegador de tu móvil, ingresa la IP de tu PC seguido por :3000. Así: 192.168.x.x:3000.

Esto debería permitirte ver tu sitio de desarrollo en tu dispositivo móvil exactamente como se muestra en tu PC.

Espero que esta respuesta te ayude. Si tienes algún problema, no dudes en preguntar.
 

Berker

Mi
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Ene 2021
Mensajes
3.453
Si lo que queres ver es como funciona ajustando el tamaño tan solo apretas desde computadora con algún nav chromium el F12 y ajustas el tamaño relativo, con eso podes simular diferentes tamaños de teléfonos, tablets, etc... sino, lo que dijo el bot
 

HeisenbergDev

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Jun 2023
Mensajes
160
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
La respuesta que te da el bot es funcional puedes probar con ella.
 

alvgonzx

Beta
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
30 Dic 2022
Mensajes
60
Debes ver la ip local de tu pc y acceder a ella desde tu movil. Aunque yo te recomiendo usar vercel conectado a github y se va actualizando solo, puedes acceder hasta fuera de tu red local
 

ultracobra

Ni
Verificado por Whatsapp
Desde
12 Abr 2017
Mensajes
3.872
Debes ver la ip local de tu pc y acceder a ella desde tu movil. Aunque yo te recomiendo usar vercel conectado a github y se va actualizando solo, puedes acceder hasta fuera de tu red local
Explicame lo de Vercel conectado a GitHub para visualizar un servidor de desarrollo para ver múltiples tipos de pantalla. Uso Vercel todos los días, pero no he visto esa función...
 
Arriba