0
0 Cuando terminas un proyecto, es natural querer compartirlo con el mundo. Sin embargo, la mayoría de las veces lo tenemos corriendo en nuestro servidor local, lo que significa que solo nosotros podemos verlo. Si estás buscando una forma sencilla de compartir tu proyecto con una URL pública accesible desde cualquier dispositivo, estás en el lugar correcto.
En esta entrada, te enseñaré cómo usar la extensión Live Server junto con GitHub para transformar tu servidor local en un sitio accesible para cualquier persona, sin complicaciones.
¿Qué es Live Server?
Live Server es una extensión muy útil para desarrolladores que trabajan con HTML, CSS y JavaScript. Te permite ejecutar un servidor local que actualiza los cambios automáticamente cada vez que guardas tu proyecto. Esto facilita mucho el flujo de trabajo al no tener que actualizar manualmente el navegador.
Pero ¿qué pasa cuando quieres compartir tu proyecto con otras personas, o probarlo desde distintos dispositivos? Aquí es donde entra GitHub para ayudarte a hacer tu proyecto accesible desde cualquier parte.
Pasos para compartir tu proyecto con una URL pública
A continuación te explico cómo puedes transformar tu proyecto local en uno accesible públicamente en pocos pasos:
- Instala Live Server: Primero, asegúrate de tener la extensión Live Server instalada en tu editor de código, como Visual Studio Code. Esto es lo que te permitirá ejecutar tu proyecto en un servidor local.
- Ejecuta tu proyecto en Live Server: Una vez que tengas la extensión instalada, abre tu proyecto y haz clic en «Go Live». Esto abrirá tu proyecto en el navegador pero, por ahora, solo estará disponible en tu máquina local.
- Configura GitHub y GitHub Codespaces: Ahora es cuando usaremos GitHub para hacer público tu proyecto. Dirígete a tu terminal y utiliza el puerto en el que se está ejecutando tu servidor local, por ejemplo, 5500. Luego, realiza el «forward» del puerto desde la interfaz de GitHub Codespaces.
- Haz que tu proyecto sea público: Al configurar el puerto, asegúrate de cambiar la visibilidad del proyecto a «Público». Esto permitirá que cualquier persona con el enlace pueda acceder a tu proyecto.
- Copia y comparte la URL: Después de configurar todo, GitHub te proporcionará una URL pública que podrás compartir con cualquier persona. ¡Tu proyecto ya no estará limitado a tu servidor local!
- Prueba la URL en diferentes dispositivos: Abre la URL en distintos navegadores o dispositivos para confirmar que tu proyecto es accesible desde cualquier lugar.
- Finaliza la sesión: Una vez que termines de compartir tu proyecto, puedes cerrar la conexión del puerto para que ya no esté disponible públicamente.
