Cómo configurar un servidor web personal con XAMPP

PDF download Descargar el PDF
PDF download Descargar el PDF

Hay muchas aplicaciones de Servidor Web Personal disponibles en Internet. XAMPP es una de las más robustas y compatibles en cuanto a una solución multiplataforma (sistema operativo múltiple). Esta aplicación de Servidor Web Personal está disponible para el entorno de Linux, Windows y Mac OS. También es muy fácil de instalar, configurar y usar. Un servidor web personal:

  • Permite que trabajes en forma local desde tu propia máquina para desarrollar.
  • Te brinda un ambiente seguro y privado para desarrollo que después puede ser compartido.
  • Configura para ti todos los componentes necesarios para un servidor web sin las complicaciones.

Este artículo te guiará a través de los pasos necesarios para la instalación básica y configuración para instalar tu propio servidor web personal usando XAMPP.

Método 1
Método 1 de 3:

Consigue la aplicación de servidor web

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/23\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-1-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/23\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-1-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/81\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-2-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/81\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-2-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6e\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-3-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6e\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-3-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Puedes regresar a esta página después y descargar algunos complementos y otras utilidades disponibles, por lo que debes marcar esta página. Haz clic en el enlace de XAMPP, verás la página siguiente:
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f1\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-4-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f1\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-4-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si descargas el archivo ZIP, debes realizar manualmente ciertos pasos que no se cubren en este artículo. El archivo ZIP también es mucho más grande en tamaño que el archivo e instalación comprimido EXE. Después de hacer clic en el archivo EXE, selecciona una ubicación en tu computadora para guardar el archivo. Para localizarlo fácilmente, puedes guardarlo en tu escritorio.
    Anuncio
Método 2
Método 2 de 3:

Instala la aplicación de servidor web

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/44\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-5-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/44\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-5-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Después de terminar la descarga, puedes ejecutar el programa de instalación haciendo doble clic en el ícono del archivo recientemente descargado. Después aparecerá una ventana de configuración de instalación.
    • Aquí te preguntarán en donde quieres instalar la aplicación del servidor web personal. Al instalar en una PC la ubicación predeterminada es el disco C:\. Probablemente es la mejor ubicación.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-6-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-6-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    \ (Si aceptaste el predeterminado). Ahora todos los archivos serán instalados en ‘C:\xampp’. Permite que la rutina de instalación se ejecute hasta que veas la siguiente pantalla:
    • XAMPP ahora ha abierto su propia rutina de instalación de línea de comando y te hará algunas preguntas acerca de la instalación de tus archivos. Tu mejor opción es aceptar la configuración predeterminada para las siguientes pantallas:
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8c\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-7-Version-2.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8c\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-7-Version-2.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Presiona la tecla “x” y después presiona enter para salir de esta consola de la ventana de instalación. Ahora debes tener un ícono nuevo en tu escritorio para XAMPP.
    Anuncio
Método 3
Método 3 de 3:

Configura tu servidor web personal

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4b\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-8-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4b\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-8-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para empezar el proceso de configuración de tu servidor web, haz doble clic en el icono recientemente creado en el escritorio para XAMPP. Después debe aparecer el panel de control de XAMPP.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/90\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-9-Version-2.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/90\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-9-Version-2.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-10-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-10-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Si quieres que tu servidor web esté disponible para otras personas en una red de oficina, puedes hacer clic en el botón de “Desbloquear”. De otra manera, por razones de seguridad es mejor hacer clic en los botones de “Seguir Bloqueando”.
    • En algunas ocasiones cuando hagas clic en “Inicio” para iniciar el Servidor web esté no iniciará. Esto normalmente sucede debido a otro programa que está usando el mismo puerto que el servidor web. El conflicto más común es con Skype. Si tu servidor web no inicia y estás ejecutando Skype, cierra Skype (haz clic derecho y en el Menú selecciona la opción Salir) e intenta iniciar el servidor web de nuevo.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5c\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-11-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5c\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-11-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Si todo está funcionando adecuadamente, deberías ver la siguiente pantalla:
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/50\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-12-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-12-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ahora debes ver la siguiente pantalla en tu explorador web:
    • Desde esta pantalla puedes administrar tu servidor web y cualquier otro componente que hs instalado. Esta es la misma pantalla que veras si haces clic en el botón Admin que se encuentra al lado de la aplicación Apache en el Panel de Control XAMPP. Aquí también hay algunas aplicaciones demo que puedes usar para iniciar.
    • Observa la página de Estado para ver lo que aún debes configurar, haciendo clic en el menú Estado que se encuentra de lado izquierdo.
    • Los componentes de la aplicación del sistema se encuentran enlistados en orden de importancia con color rojo, amarillo o verde indicando el estado actual de los componentes. Te darás cuenta que el primer elemento es rojo, “MySQL Dtabase – Desactivado”. Esto es porque necesitas asegurar la base de datos con una contraseña antes de que el sistema permita que lo uses con tu servidor web.
    • No te preocupes mucho por los últimos tres elementos porque muy pocas personas usarán estos componentes. Si necesitas ayuda al configurar estos elementos, puedes guiarte con los documentos en línea que se encuentran en Apache Friends .
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3a\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-13-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3a\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-13-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Esto debe abrir una pestaña nueva en tu explorador de la siguiente manera:
    • De nuevo, no tienes que preocuparte mucho por los últimos tres elementos. Pero los primeros tres indican una deficiencia en la contraseña de protección o visibilidad por el público de algún componente del servidor web.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/64\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-14-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-14-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/64\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-14-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-14-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • En esta página, debes proporcionar una contraseña para tu usuario root MySQL y hacer clic en el botón de “Cambio de contraseña”. Si también quieres proteger con contraseña el directorio de desarrollo también puedes hacerlo aquí y debes hacer clic en el botón “guardar”.
    • Haz clic en las casillas de verificación que esta página tiene porque escribirán tus contraseñas en un archivo en tu PC por si acaso olvidas tu información para ingresar.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f2\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-15-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-15-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f2\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-15-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-15-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ahora si haces clic de nuevo en el menú de Estado que se encuentra en la izquierda, deberías ver todos los elementos críticos de color verde.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/18\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-16-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/18\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-16-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Regresa a la ventana de Panel de control de XAMPP y haz clic en el botón de Admin que se encuentra a un lado de la aplicación MySQL. Debes ver una ventana de ingreso para phpMyAdmin de la siguiente manera:
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c9\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-17-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-17-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-17-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-17-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si todo está funcionando, deberías ingresar a la consola phpMyAdmin.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/60\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-18-Version-3.jpg\/v4-460px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-18-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/60\/Set-up-a-Personal-Web-Server-with-XAMPP-Step-18-Version-3.jpg\/v4-728px-Set-up-a-Personal-Web-Server-with-XAMPP-Step-18-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Has configurado exitosamente tu propio servidor web personal en tu computadora para poder realizar localmente tareas de diseño web.
    • En este punto, puedes detener las aplicaciones Apache y MySQL y volver a nombrar el archivo en tu directorio xampp llamado ‘htdocs’ a ‘htdocs_default’. También puedes crear un directorio nuevo y vacío llamado ‘htdocs’ para tus propios proyectos de diseño web.
    Anuncio

wikiHows relacionados

Cómo
ejecutar un programa desde el símbolo del sistema en Linux
Cómo
convertir de decimal a hexadecimal
Cómo
formatear texto como código en Discord
Cómo
hacer un programa usando Bloc de notas
Cómo cambiar un código de cerradura de Kwikset
Cómo
verificar la versión de PHP
Cómo
establecer el ancho y la altura de una imagen en HTML
Cómo
usar el comando net send
Cómo comentar múltiples líneas en Python: formato y accesos directos
Cómo
ejecutar un archivo Python desde el Símbolo del sistema de Windows
Cómo
crear un archivo EXE
Cómo
abrir un archivo SQL
Cómo
crear un archivo ejecutable en Eclipse
Cómo
alinear textos e imágenes en HTML
Anuncio

Referencias

  1. http://www.webcoursesbangkok.com/blog/setting-up-a-personal-web-server/ - Fuente original, compartida con permiso.

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 45 917 visitas.

¿Te ayudó este artículo?

Anuncio