Configurar tu entorno

Configurar tu entorno

Tus archivos deben estar en carpetas que el servidor conozca. Hay dos opciones: guardarlos en la raíz documental («Portable Directory») o utilizar «Working Directories».

1. Opción 1: «Portable Directory»

Elige esta opción para utilizar Devserver de forma portátil: instalado en una memoria USB, tarjeta u otro dispositivo extraíble, puede utilizarse en varios ordenadores para desarrollar, hacer demostraciones o presentaciones.

Guarda los archivos en <carpeta-instalación>\eds-www y ábrelos en el navegador desde el Dashboard, sección Portable Directory, o directamente en http://127.0.0.1/. Si el puerto no es 80, indícalo: http://127.0.0.1:8080/ para el puerto 8080; adapta el valor a tu configuración.

2. Opción 2: «Working Directories»

  • Crea la carpeta donde guardarás los archivos, en cualquier ubicación del ordenador: unidad C:, D:…
  • Abre el Dashboard en el navegador en http://127.0.0.1:1111/ y pulsa + add directory.
  • Rellena los campos, pulsa save y espera unos segundos: los servidores que estén en marcha deben reiniciarse.

Ahora puedes abrir tus archivos en el navegador desde el Dashboard, sección Working Directories.

3. Tu primera página

Muchos editores de código ofrecen resaltado de sintaxis. Los ejemplos del artículo original incluyen Notepad++ (https://notepad-plus-plus.org/), Sublime Text (https://www.sublimetext.com/) y Atom (https://atom.io/). Pasos:

  • Abre el editor de código.
  • Crea un archivo.
  • Escribe la estructura de una página HTML:
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Your page</title>
    </head>
    <body>
        ...
    </body>
    </html>
  • Añade código PHP, por ejemplo para mostrar la fecha:
    <?php
    echo "The current date is ";
    echo date("l F d, Y");
    ?>

    Código completo:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Your page</title>
    </head>
    <body>
    <?php
    echo "The current date is ";
    echo date("l F d, Y");
    ?>
    </body>
    </html>
  • Guarda la página en Portable Directory o en una carpeta declarada en Working Directories, con extensión .php, por ejemplo date.php. Comprueba que el sistema muestre las extensiones de archivo (ayuda).
  • Abre el archivo en el navegador desde el Dashboard. Debería aparecer un resultado similar a este:
    The current date is Sunday April 2, 2017

4. Recordatorio

Devserver está destinado al desarrollo local y a probar páginas antes de subirlas al alojamiento, no a utilizarse como servidor de producción. El artículo histórico no garantiza un funcionamiento óptimo de esta distribución de Windows en producción, especialmente en fiabilidad o capacidad de carga.