¿Cómo configurar y crear tu propio servidor en tu ordenador de casa?

<div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><strong>Parar tener instalado en nuestro equipo un servidor web que debemos realizar:</strong> Desde las prácticas más simples para aquellos que se inician en <span class="caps">HTML</span>, desarrollar aplicaciones web sin necesidad de alojamiento externo, disponer de páginas sin conexión o montar un <span class="caps">CMS</span> para tener los apuntes de clase organizados.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Con este artículo iniciamos en Genbeta una serie sobre <strong>cómo instalar un servidor web doméstico</strong>desde un punto de vista práctico y orientado a usuarios con pocos conocimientos, sin entrar en demasiados detalles sobre configuración, más allá de la mínima para que funcione, o en temas de seguridad.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Herramientas nativas de Windows</span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">La opción más <em>a mano</em> para disponer de un servidor web en Windows es <strong>utilizar las herramientas que vienen de serie con el sistema operativo</strong>. Dependiendo de las versiones, tenemos Personal Web Server (<span class="caps">PWS</span>), para Windows 95, 98, ME, Windows 2000 y XP Home, que no veremos por ser demasiado simple y antiguos los sistemas. De todos modos, Microsoft tiene publicado un sencillo documento sobre cómo instalar <span class="caps">PWS</span> en Windows 98.</span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="IIS en Windows 8.1" class="centro" src="http://img.genbeta.com/2013/10/iis-windows-8.jpg" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Documento predeterminado de <span class="caps" style="background-image: none; bottom: 0px; display: inline; left: 0px; line-height: 1.2rem; padding: 0px; position: relative; width: auto;">IIS</span> en Windows 8.1</span></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">La versión más <em>seria</em>, <strong>Internet Information Services</strong> (IIS), está disponible en Windows NT, variantes<em>Professional</em> de Windows 2000 y XP, Vista (Business y Ultimate), Windows 7, y Windows 8/8.1. Obviamente <span class="caps">IIS</span> está presente en la familia de servidores, que por no ser <em>máquinas domésticas</em>, no vamos a mencionar.</span></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Instalación de Internet Information Services</span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Internet Information Services <strong>no viene instalado por defecto</strong> porque no todo el mundo necesita un servidor web, aunque habilitarlo es bastante sencillo:</span></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Windows XP Professional</span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para instalar <span class="caps">IIS</span> en las versiones de Windows XP que lo incorporan, introduciremos el CD de instalación del sistema operativo. Teóricamente se lanzará de forma automática la <strong>pantalla <em>¿Qué desea hacer? </em></strong>Si por alguna razón la referida pantalla no se lanza de forma automática, podemos ejecutar el programa <code>setup.exe</code> del CD de instalación.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Una vez en la pantalla, seleccionaremos la tercera opción: <strong><em>Instalar componentes opcionales de Windows</em></strong>. Una vez hecho, se lanzará la ventana emergente del <em>Asistente para componentes de Windows.</em> Marcamos en la casilla correspondiente a <em>Servicios de Internet Information Server (<span class="caps">IIS</span>)</em>, y pulsamos el control <em>Siguiente</em>. Esto desencadenará el instalador. Cuando concluya, pulsaremos sobre el botón <em>Finalizar</em>. Podemos salir ya de la pantalla <em>¿Qué desea hacer?</em></span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="Pantalla qué desea hacer de Windows XP" class="centro" src="http://img.genbeta.com/2013/10/que-desea-hacer.jpg" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para instalar <span class="caps" style="background-image: none; bottom: 0px; display: inline; left: 0px; line-height: 1.2rem; padding: 0px; position: relative; width: auto;">IIS</span> en Windows XP necesitamos el CD de instalación del sistema</span></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Como reza la descripción que aparece en el asistente de instalación, <span class="caps">IIS</span> incluye <strong>compatibilidad Web y <span class="caps">FTP</span></strong>, además de compatibilidad con Frontpage, transacciones, Páginas Active Server y conexiones con bases de datos.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Si nos fijamos ahora en la estructura del árbol de directorios del disco principal, <strong>tenemos una carpeta nueva: <em>inetpub</em></strong>, que contiene<em> </em>a su vez cinco carpetas, de las cuales ahora, la única que nos interesa es<em> wwwroot </em>(que también está rellena con algunos documentos).</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para <strong>comprobar que el servidor web está funcionando</strong>, abrimos el navegador Internet Explorer (estamos trabajando con lo que ofrece Windows) y <strong>escribimos en la caja de direcciones <em>localhost</em></strong>. Si todo ha ido bien,<em> </em>se abrirán dos ventanas. En una nos informa que el servicio web está activo, además de otra información. La segunda ofrece la documentación relativa a <span class="caps">IIS</span>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Antes de continuar, veamos cómo se instala <span class="caps">IIS</span> en versiones posteriores de Windows.</span></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Windows Vista y posteriores</span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para instalar <span class="caps">IIS</span> en las versiones soportadas de Vista, Windows 7, 8 y 8.1 <strong>no es necesario disponer del disco óptico</strong>. Desde el <em>Panel de Control</em>, seleccionaremos <em>Programas</em> » <em>Programas y características</em> » <em>Activar o desactivar características de Windows</em> » <em>Internet Information Services</em>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="Características de Windows" class="centro" src="http://img.genbeta.com/2013/10/caracteristicas-de-windows.jpg" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 1.5em auto; padding: 2px; text-align: center;" /></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Marcamos la casilla correspondiente (sin importar lo que encierra), y pulsaremos en el botón Aceptar. Como en el caso anterior veremos creada la carpeta <em>inetpub,</em> y <strong>comprobaremos que <span class="caps">IIS</span> está funcionando</strong> introduciendo en la caja de búsqueda <code>http://localhost</code>.</span></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Parámetros básicos del servidor web</span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En este punto de la explicación tenemos <span class="caps">IIS</span> funcionando, aunque tal y como está nos sirve de poco. Tanto en <em>Internet Information Services</em> como en otros servidores web, hay tres parámetros fundamentales: dirección IP del servidor (127.0.0.1 es la correspondiente a <em>localhost</em>), puerto por el que escucha (por defecto el 80) y el <strong>documento predeterminado</strong> que lanzará el servidor cuando nos conectemos a él.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Como <strong><span class="caps">IIS</span> nos da resuelto los dos primeros</strong>, sólo tenemos que ocuparnos del documento predeterminado. La razón por la que vemos las distintas primeras pantallas de <span class="caps">IIS</span>, es que ya existe uno configurado, aunque nuestro deseo es tener el propio.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Lo primero que vamos a hacer es preparar el documento como tal, y después le indicaremos a <span class="caps">IIS</span> que deseamos que sirva ese exactamente y no la pantalla de presentación. Abrimos el bloc de notas y escribimos o copiamos lo siguiente:</span></div><pre style="background-color: white; line-height: 24px; white-space: pre-wrap; word-wrap: break-word;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><code><br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><br /> <html><br /> <head><br /> <title>Página de inicio del servidor</title><br /> </head><br /> <body><br /> <p>Documento predeterminado</p><br /> </body><br /> </html><br /></code><br /></span></pre><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="Internet Information Services 7" class="centro" src="http://img.genbeta.com/2013/10/iis-7-windows-vista.jpg" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 1.5em auto; padding: 2px; text-align: center;" /></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Ahora tenemos que guardar el documento en la carpeta <em>inetpub</em> » <em>wwwroot</em>. <strong>El nombre y la extensión que asignemos al documento recién creado son importantes</strong>, porque debemos indicar los mismos a <span class="caps">IIS</span>. Un nombre apropiado, entre los distintos posibles, puede ser <em>index.htm</em>. Completemos este paso y ahora vamos a configurar <span class="caps">IIS</span> para que sirva este documento y no el que trae por defecto.</span></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Administración de Internet Information Services</span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><strong>Con <span class="caps">IIS</span> se instala una herramienta con interfaz gráfica para configurar el servidor</strong>. En Windows XP la vamos a encontrar dentro de <em>Panel de control</em> » <em>Herramientas administrativas</em> »<em>Servicios de Internet Information Server</em>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><strong>En Windows Vista y siguientes</strong> podemos acceder a la herramienta escribiendo en la caja de búsqueda “Internet”, apareciendo entonces el nombre, que es algo distinto: <em>Administrador de Internet Information Services</em>. La interfaz cambia también respecto de XP.</span></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Asignando el documento predeterminado</span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En Windows XP, el administrador de <span class="caps">IIS</span> está dividido en dos paneles, en <strong>el izquierdo se representa la estructura del servidor en forma de árbol</strong>. Desplegaremos éste hasta que veamos <em>Sitios web</em>, acompañado del icono amarillo que representa una carpeta.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Con un el botón derecho del ratón marcamos, y en el menú desplegable <strong>seleccionaremos</strong><em>Propiedades</em>. Aparecerá entonces una ventana con el título <em>Propiedades de sitios web</em>. De ahí nos interesa la pestaña <em>Documentos</em>. Veremos una casilla marcada (y si no lo está la marcamos): <em>Habilitar documento predeterminado</em>.</span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="Panel de administración de IIS en Windows XP" class="centro" src="http://img.genbeta.com/2013/10/panel-administracion-iis-windows-xp.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Panel de administración de <span class="caps" style="background-image: none; bottom: 0px; display: inline; left: 0px; line-height: 1.2rem; padding: 0px; position: relative; width: auto;">IIS</span> en Windows XP</span></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Bajo la casilla hay un cuadro con tres nombres posibles y el botón agregar por si queremos otro distinto. Como el que hemos elegido antes, <code>index.htm</code>, ya existe, lo marcamos, y con la flecha de desplazamiento que apunta hacia arriba, <strong>lo subimos en la lista hasta que esté el primero</strong>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Apliquemos los cambios y pulsemos en aceptar en la siguiente ventana emergente sin importar lo que dice. Pulsamos aceptar nuevamente cuando se cierre la ventana más pequeña.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Ahora <strong>hay que reiniciar el servidor para que los cambios realizados sean efectivos</strong>. En el panel izquierdo, debajo de la carpeta <em>Sitios Web</em>, está otra con el icono del globo terráqueo sujeto por una mano, denominada <em>Sitio Web predeterminado</em>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Al pulsar con el botón izquierdo sobre ella, veremos en la fila de iconos superior, situados a la derecha, <strong>un grupo de tres similares a los de cualquier reproductor multimedia</strong>: flecha para iniciar, botón cuadrado de parada y el que tiene dos barras verticales para realizar pausas.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Paramos el servidor con el botón del cuadrado, se “iluminará” entonces el de “play”, y lo pulsamos. Si has seguido los pasos hasta aquí y todo ha ido bien, la próxima vez que escribas <em>http://localhost</em>, en el navegador, deberías tener en pantalla el contenido del documento que creamos antes.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="Panel administración IIS en Windows 8/8.1" class="centro" src="http://img.genbeta.com/2013/10/panel-administracion-iis-windows-8.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 1.5em auto; padding: 2px; text-align: center;" /></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En el <strong>resto de las versiones de Windows</strong>, el procedimiento para cambiar el documento predeterminado es algo más sencillo. La herramienta de administración está dividida en tres, y dentro de la central hay un icono con el título <em>Documento predeterminado</em>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Entramos en esa parte de la configuración con doble pulsación sobre el botón izquierdo del ratón y “subimos” <code>index.htm</code> <strong>hasta que ocupe el primer lugar</strong> con las flechas azules que aparecerán en el panel derecho.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Una vez que esté el primero, marcamos en el panel izquierdo sobre la carpeta <em>Default Web Site</em>. Al hacerlo, nos fijamos de nuevo en el panel derecho. En la sección <em>Administrar sitio web</em> está el control<em>Reiniciar</em>. Pulsamos sobre él y listo. <strong>Ya podemos comprobar en el navegador que el documento predeterminado es el que queríamos</strong>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Todo cuanto hemos visto hasta aquí es sumamente básico. Si exploráis las posibilidades de la herramienta de administración, veréis que permite configurar multitud de aspectos del servidor. Algunas de éstas las veremos en la próxima entrega de esta serie, así como <strong>otros servidores web independientes</strong> y la misma temática en el sistema operativo <span class="caps">GNU</span>/Linux.</span></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Extendiendo las funciones de <span class="caps">IIS</span></span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Internet Information Services instalado tal y como vimos el otro día, además de servir páginas <span class="caps">HTML</span>, es capaz de <strong>ejecutar una serie de tecnologías propias de Microsoft</strong> que permiten, entre otras cosas, operar sobre determinadas bases de datos, devolviendo los resultados al navegador como página web. <span class="caps">IIS</span> permite construir aplicaciones web de gran complejidad</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Podemos <strong>extender las funciones de <span class="caps">IIS</span></strong> añadiendo soporte para otros lenguajes de programación y bases de datos distintos de los de serie, como PHP, Perl y MySQL. La forma más sencilla y rápida para este propósito es utilizar el <strong>instalador automático</strong> que brinda Microsoft: WebPI (<em>Microsoft Web Platform Installer</em>).</span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="Interfaz WebPI aplicaciones" class="centro" src="http://img.genbeta.com/2013/10/interfaz-webpi-aplicaciones.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Interfaz WebPI aplicaciones</span></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><strong>WebPI es una herramienta gratuita</strong>, que permite extender las funciones de <span class="caps">IIS</span> de una forma muy sencilla. Tanto que, para instalar WordPress (que requiere, entre otras cosas, <span class="caps">PHP</span>), sólo se necesitan tres toques de ratón. <strong>WebPI se encarga de descargar todo lo necesario</strong>, con las últimas versiones de los productos implicados.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">WebPi es una herramienta ligera (101 KB de descarga y 2MB funcionando), que está <strong>disponible en varios idiomas, entre ellos el nuestro</strong>, y es compatible con Windows 8/8.1, Windows 7, Windows Vista SP2, Windows XP SP3+ y familia de servidores Microsoft. Antes de instalar WebPI resulta conveniente comprobar que el sistema operativo esté completamente actualizado. Para instalar WebPI se requieren <strong>privilegios de administrador</strong>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Como anticipaba un par de párrafos antes, para probar WebPI decidí instalar WordPress en un equipo con Windows 7, debidamente actualizado, y completamente “pelado”; <strong>ni siquiera tenía <span class="caps">IIS</span> instalado</strong>. En la ventana principal de WebPI seleccioné en el menú superior “Aplicaciones”. De la extensa lista de productos marqué “Agregar” en WordPress (Inglés), y finalmente “Instalar”.</span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="Instalación automática de WordPress con WebPI partiendo de cero" class="centro" src="http://img.genbeta.com/2013/10/instalacion-webpi-de-wordpress.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Instalación automática de WordPress con WebPI partiendo de cero</span></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En este caso concreto, el programa <strong>solicitó información adicional</strong>, como el gestor de bases de datos a emplear, y la contraseña para su administración. WebPI creó la base de datos, le asignó contraseña y tras la instalación “disparó” el asistente de instalación de WordPress, donde sólo hubo que consignar el nombre de usuario y contraseña para acceder al panel de administración de éste.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Las posibilidades de WebPI son grandes, pudiendo instalar una variedad de productos cuyas peculiaridades exceden el ámbito de este artículo. Lo que si es conveniente señalar, es que depende de cómo y cuando realicemos la instalación, <strong>pueden variar los resultados de cada producto</strong>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Instalando WordPress desde cero, tal y como se ha descrito, WordPress queda alojado en la carpeta<em>My Web Sites</em> (dentro de <em>Documentos</em>), y funciona escuchando por el puerto 39673 (hay que introducir en el navegador la <span class="caps">URL</span>: <code>http://localhost:39673</code>).</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Si la instalación automática se realiza con todo lo necesario ya instalado, <strong>y sólo añadiendo WordPress</strong>, el directorio donde aloja WordPress es <code>wwwroot/wordpress</code> y escucha por el puerto 80, resultando la <span class="caps">URL</span> de acceso: <code>http://localhost/wordpress</code>). Cosas de los asistentes automáticos de Microsoft…</span></div><div class="caption-img" style="background-color: white; line-height: 24px; margin: 1.5em auto; position: relative; width: 650px;"><img alt="Instalación de MySQL con WebPI" class="centro" src="http://img.genbeta.com/2013/10/instalacion-webpi-de-mysql.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 0px auto; padding: 2px; text-align: center;" /><span style="background-color: rgba(0, 0, 0, 0.701961); bottom: 4px; display: block; left: 4px; line-height: 1.2rem; padding: 5px 0px; position: absolute; text-align: center; width: 650px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Instalación de MySQL con WebPI</span></span></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Soluciones llave en mano para Windows basadas en Apache</span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para aquellos que prefieran tener un servidor web distinto del producto suministrado por Microsoft, están las <strong>soluciones llave en mano basadas en Apache</strong>, (servidor <span class="caps">HTTP</span> de código abierto), que se ofrecen acompañadas del resto de productos necesarios para realizar aplicaciones web.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Como ocurre en el caso de <span class="caps">IIS</span>, Apache <strong>se puede descargar e instalar de forma independiente</strong>desde el sitio oficial, y complementar sus funciones con lenguajes de programación y sistemas gestores de bases de datos al gusto. Las funciones serán similares a las que obtendremos con <span class="caps">IIS</span>, una vez conectados unos productos con otros adecuadamente.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">El problema para el usuario con pocos conocimientos viene precisamente del “adecuadamente”; Apache requiere de una serie de módulos para funcionar con otros productos. Por eso, para iniciarse en tecnologías web basadas en Apache, <strong>lo mejor es optar por soluciones llave en mano</strong>, que con pocas acciones por parte del usuario, dan resuelto el problema del <em>adecuadamente</em>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="Logotipo de Apache Software" class="centro_sinmarco" src="http://img.genbeta.com/2013/10/apache-software-logo.png" style="border: none; display: block; margin: 1.5em auto; text-align: center;" /></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span class="caps"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">XAMPP</span></span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span class="caps">XAMPP</span> es una <strong>suite muy completa, que ofrece todo los necesario para desarrollar aplicaciones web</strong>: Apache, <span class="caps">PHP</span>, MySQL, Filezilla <span class="caps">FTP</span> server, etc., además de herramientas de administración como phpMyAdmin y un panel de control para gobernar todo. <span class="caps">XAMPP</span> dispone de versiones para Linux, Mac OS X, Solaris y Windows.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Sobre <span class="caps">XAMPP</span> hablamos hace tiempo en Genbeta, es un proyecto de Apache Friends, que suministra el <strong>conjunto de software completamente gratis</strong>. <span class="caps">XAMPP</span> ofrece distintos niveles de <em>complicación</em>, con un paquete que trae “todo” y una versión Lite <em>portable</em>, pudiendo añadir además módulos para disponer de algunos <span class="caps">CMS</span> como WordPress, Drupal y Joomla!</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="Panel de control de XAMPP" class="centro" src="http://img.genbeta.com/2013/10/xamp-control.png" style="background-color: #eff9ff; border: 1px solid rgb(224, 234, 239); display: block; margin: 1.5em auto; padding: 2px; text-align: center;" /></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Dado el enfoque para novatos de esta serie de artículos, nos olvidamos de los módulos y nos centramos en el paquete principal. <strong>Hay dos formas de tener <span class="caps">XAMPP</span> funcionando</strong> en nuestra máquina: con un instalador o descargando el conjunto en formato comprimido (<span class="caps">ZIP</span> o 7zip). Mi consejo es utilizar el segundo, descomprimir el contenido en una carpeta de nuestra elección y accionar lo que necesitemos a mano desde el panel de control de <span class="caps">XAMPP</span>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">La primera vez que pongamos en marcha Apache y MySQL, al escribir en el navegador<code>http://localhost</code>, se lanzará automáticamente el sitio <code>http://localhost/xampp/index.php</code>, donde <strong>podremos ver qué componentes están funcionando</strong>, y realizar un chequeo de seguridad muy recomendable, donde podremos configurar que <span class="caps">XAMPP</span> no se visualizará a través de la red, y asignar claves, tanto para el módulo de administración como para MySQL.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><img alt="XAMPP Seguridad" class="centro" src="http://img.genbeta.com/2013/10/xampp-seguridad.png" style="background-color: #eff9ff; background-position: initial initial; background-repeat: initial initial; border: 1px solid rgb(224, 234, 239); display: block; margin: 1.5em auto; padding: 2px; text-align: center;" /></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Para tener <strong>nuestro primer documento web funcionando bajo Apache con <span class="caps">XAMPP</span></strong>, en la carpeta donde hayamos descomprimido la suite, buscaremos la subcarpeta <code>htdocs</code>. Una vez allí nombramos a nuestra conveniencia el fichero <code>index.php</code> (por ser el documento predeterminado en la configuración por defecto), copiamos el código que pusimos en el primer artículo en el bloc de notas y lo guardamos como <code>index.html</code>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Una vez realizado lo descrito en el párrafo anterior, <strong>desde el panel de control de <span class="caps">XAMPP</span>, paramos Apache y lo volvemos a lanzar</strong>. Si todo ha ido bien, veremos en el navegador el documento predeterminado que acabamos de escribir y guardar.</span></div><h3 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Otras soluciones llave en mano</span></h3><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Wamp, AppServ y Server2Go, son <strong>proyectos similares a <span class="caps">XAMPP</span></strong>, para tener funcionando en el sistema operativo Windows un servidor Apache con MySQL y <span class="caps">PHP</span>. La filosofía es la misma, resolver el<em>adecuadamente</em> con pocos clíc de ratón y tener funcionando el sistema sin preocuparnos de cómo se hace.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Sobre Wamp os dejo un vídeo que ilustra el proceso de instalación. AppServ tiene una guía en español muy sencilla sobre cómo instalar el paquete. Server2Go se ha mencionado como una opción más, aunque tal vez es el más complejo de instalar y configurar para un usuario sin experiencia.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><iframe allowfullscreen="" frameborder="0" height="405" src="http://www.youtube.com/embed/wCFU3pVinlA" width="650"></iframe></span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Vídeo | YouTube</span></div><h2 style="background-color: white; line-height: 1.2; margin: 40px 0px 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Servidores web en Windows, conclusiones</span></h2><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Pensando en el usuario de Windows con pocos conocimientos, y para servir páginas <span class="caps">HTML</span> sin más, es prácticamente indiferente emplear <span class="caps">IIS</span> o Apache con las soluciones llave en mano. <strong>La ventaja de los productos Microsoft son los asistentes</strong> y herramientas con interfaz gráfica.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Apache, por su parte, y al margen de las comparaciones entre productos, tiene el inconveniente de que <strong>se configura mediante ficheros de texto poco amistosos</strong>, pero permite un control que los asistentes automáticos no dan.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Lo que sí ha de tener presente este tipo de usuario es que <strong>cómo quiere progresar</strong>. Emplear <span class="caps">IIS</span> con<span class="caps">PHP</span> y MySQL, por poner un ejemplo, aunque funciona resulta poco práctico. Cuando quiera alojar su proyecto web en un servidor externo, no va a encontrar esa combinación como estándar.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En cuanto a cuál solución <em>llave en mano elegir</em>, aquí entra en juego el paradigma: <em>manías personales no documentadas</em>. <span class="caps">XAMPP</span> ofrece tal vez demasiadas cosas para empezar, siendo más sencillas las soluciones <span class="caps">WAMP</span> y AppServ. Pensando en la sencillez extrema, <strong>la elección más simple probablemente sea AppServ</strong>.</span></div><div style="background-color: white; line-height: 24px; margin-top: 20px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">En la próxima entrega abordaremos cómo instalar un servidor web doméstico en <span class="caps">GNU</span>/Linux, tanto con soluciones llave en mano como <span class="caps">XAMPP</span> o instalando cada producto por separado.</span></div>

¿Cómo configurar y crear tu propio servidor en tu ordenador de casa?

Parar tener instalado en nuestro equipo un servidor web que debemos realizar:  Desde las prácticas más simples para aquellos que se inician ...

Read more »