MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

¿Cómo se configura un servidor de prueba local?

Traducción en curso

En este artículo se explica cómo configurar un servidor de prueba local simple en su equipo y los conceptos básicos de cómo utilizarlo.

Prerrequisitos: Primero debes saber cómo funciona internet, y qué es un servidor web.
Objectivo: Aprenderás cómo configurar un servidor de pruebas local

Archivos locales versus archivos remotos

En la mayor parte del área de aprendizaje, te decimos que abras tus ejemplos directamente en un navegador — lo que se hace con doble clic en el archivo HTML, o arrastrándolo y soltándolo en una ventana del navegador o eligiendo Archivo > Abrir... y navegando al archivo HTML, etc. Hay muchas maneras de lograr esto.

Sabes si estás ejecutando el ejemplo desde un archivo local porque la dirección web tendrá archivo:// al principio, seguido de la ruta al archivo en tu disco duro local. Por el contrario, si ves uno de nuestros ejemplos alojados en GitHub (o un ejemplo en algún otro servidor remoto), la dirección web tendrá http:// o https:// al principio, para mostrar que el archivo ha sido recibido a través de HTTP.

El problema de probar archivos locales

Algunos ejemplos no se ejecutarán si los abre como archivos locales. Esto puede deberse a una variedad de razones, siendo las más probables:

  • Cuentan con peticiones asincrónicas. Algunos navegadores (incluido chrome) no ejecutarán solicitudes asíncronas (consulte Obtención de datos desde el servidor) si acaba de ejecutar el ejemplo desde un archivo local. Esto se debe a las restricciones de seguridad (para obtener más información sobre la seguridad web, lee La seguridad del sitio web).
  • Cuenta con un lenguaje de servidor. Los lenguajes de servidor (como PHP o Python) requieren de un servidor especial para interpretar el código y entregar los resultados.

Ejecutando un servidor HTTP local simple

Para evitar el problema de las solicitudes asíncronas, necesitamos probar estos ejemplos ejecutándolos a través de un servidor web local. Una de las maneras más fáciles de hacer esto para nuestros propósitos es usar el módulo SimpleHTTPServer de Python.

Para hacer esto:

  1. Instalar Python. Si usas Linux o Mac OS X, ya debe estar disponible en tu sistema. Si eres usuario de Windows, puedes conseguir un instalador desde la página principal de Python y seguir las instrucciones para instalarlo:

    • Vé a python.org
    • Debajo de la sección de Descarga, haz clic en el link para Python "3.xxx".
    • En la parte superior de la página, selecciona el instalador ejecutable windows x86 y descárgalo.
    • Cuando se haya descargado, córrelo.
    • En la primera página de instalación, asegúrate de marcar el checkbox "Añadir Python 3.xxx a la ruta"
    • Clic en Instalar, luego clic en Cerrar cuando la instalación ya haya finalizado.
  2. Abre la terminal (windows)/terminal (OS X/Linux). Para chequear que Python está instalado, ingrese el siguiente comando.

    python -V
  3. Esto debe retornar un número de versión. Si esto esta bien, navega al directorio que contiene tu ejemplo, usando el comando cd.

    # include the directory name to enter it, for example
    cd Desktop
    # use two dots to jump up one directory level if you need to
    cd ..
  4. Ingresa el comando para iniciar el servidor en ese directorio:

    # On Mac and Linux
    python -m SimpleHTTPServer
    # On Windows
    python -m http.server
  5. Por defecto, se ejecutará el contenido del directorio en un servidor web local, en el puerto 8000. puedes ir a este servidor yendo a la URL localhost:8000 en tu navegador web. Aquí verá el contenido del directorio listado - haga clic en el archivo HTML que desea ejecutar.

Nota: si ya tienes corriendo algo en el puerto 8000, puedes escoger otro puerto corriendo el siguiente comando de servidor por un número de puerto alternativo, por ejemplo python -m SimpleHTTPServer 7800. Puedes acceder a tu contenido en ellocalhost:7800.

Ejecución de lenguajes del lado del servidor localmente

El módulo SimpleHTTPServer de Python es útil, pero desconoce como ejecutar el código escrito en lenguajes como PHP o Python. Para resolver eso necesitarás algo más — lo que necesitarás exactamente depende del lenguaje del lado del servidor que estas intentando de ejecutar. Aquí están un par de ejemplos:

  • Para ejecutar el código del lado del servidor Python, necesitrá utilizar un framework web python. Puedes averiguar cómo usar el framework Django leyendog Django Web Framework (Python). Flask también es buena alternativa a Django (ligeramente menos pesado). Para ejecutar esto necesitarás instalar Python/PIP, luego instala Flask usando pip3 install flask. En este punto, deberías ser capaz de ejecutar los ejemplos de Python Flask usando por ejemplo python3 python-example.py, luego navegar al localhost:5000 en tu navegador.
  • Para ejecutar código Node.js (JavaScript) del lado del servidor, necesitarás usar el nodo raw o un framework construido encima de él. Express es una buena opción — mira Express Web Framework (Node.js/JavaScript).
  • Para ejecutar código PHP del lado del servidor, necesitarás una configuración de servidor que pueda interpretar PHP. Las buenas opciones para los testeos locales de PHP son MAMP (Mac y Windows) t AMPPS (Mac, Windows, Linux). Estos son paquetes completos que crean configuraciones locales que permiten ejecutar servidor Apache, PHP, y base de datos MySQL.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: DaniNz
 Última actualización por: DaniNz,