{"id":4962,"date":"2024-06-12T09:21:26","date_gmt":"2024-06-12T08:21:26","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=4962"},"modified":"2024-08-08T10:28:12","modified_gmt":"2024-08-08T09:28:12","slug":"crear-servidor-web-local","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/crear-servidor-web-local\/","title":{"rendered":"C\u00f3mo crear un servidor web en local"},"content":{"rendered":"<p><strong>Crear un servidor web en local<\/strong> es una buena idea para tener un entorno controlado en el que hacer el desarrollo de una p\u00e1gina, pruebas o testear cambios antes de pasarlos a la p\u00e1gina en producci\u00f3n.<\/p>\n<p><!--more--><\/p>\n<p>Cuando digo que con un servidor local tienes un entorno controlado es porque solamente t\u00fa tienes acceso a \u00e9l. Realmente, cuando hablamos de c\u00f3mo crear un servidor remoto (local), hacemos referencia a instalar un determinado software en tu equipo para que tenga las funcionalidades de un servidor web.<\/p>\n<p>\u00bfY es un proceso complejo? Para nada. Y adem\u00e1s de ser f\u00e1cil es totalmente gratis, ya que el software que vamos a utilizar es de c\u00f3digo abierto y no necesitas ning\u00fan tipo de licencia.<\/p>\n<p>Si todo esto te suena un poco a chino o es la primera vez que lo vas a hacer, aqu\u00ed te dejo una gu\u00eda completa con todo lo que debes saber sobre c\u00f3mo montar o crear un servidor web en local.<\/p>\n<p>\u00a1Vamos a ello!<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_es_un_servidor_local\">\u00bfQu\u00e9 es un servidor local?<\/a><\/li><li><a href=\"#Para_que_sirve_un_servidor_local\">\u00bfPara qu\u00e9 sirve un servidor local?<\/a><\/li><li><a href=\"#Que_necesito_para_montar_un_servidor_local\">\u00bfQu\u00e9 necesito para montar un servidor local?<\/a><\/li><li><a href=\"#Como_crear_un_servidor_web_en_local\">C\u00f3mo crear un servidor web en local<\/a><ul><li><a href=\"#1o_Descarga_XAMPP_en_tu_equipo\">1\u00ba. Descarga XAMPP en tu equipo<\/a><\/li><li><a href=\"#2o_Realiza_la_configuracion_de_XAMPP\">2\u00ba. Realiza la configuraci\u00f3n de XAMPP<\/a><\/li><li><a href=\"#3o_Instala_XAMPP_en_tu_equipo\">3\u00ba. Instala XAMPP en tu equipo<\/a><\/li><li><a href=\"#4_Comprueba_el_funcionamiento_de_tu_servidor_local\">4. Comprueba el funcionamiento de tu servidor local<\/a><\/li><\/ul><\/li><li><a href=\"#Preparado_para_crear_tu_servidor_local\">\u00bfPreparado para crear tu servidor local?<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_es_un_servidor_local\">\u00bfQu\u00e9 es un servidor local?<\/span><\/h2>\n<p>Un servidor web local es un servidor que est\u00e1 localizado en un ordenador espec\u00edfico. Es decir, se trata de un equipo o PC que cuenta con un software instalado en su sistema para que pueda ser utilizado como si fuese un servidor web. Eso s\u00ed, existen algunas diferencias entre un servidor web y un servidor local que debes tener en cuenta.<\/p>\n<ul>\n<li>Un servidor local se encuentra localizado en tu equipo, por lo que puedes trabajar offline y online y puedes utilizarlo como un entorno de desarrollo o pruebas. Los recursos de que dispone son los del propio ordenador y, normalmente, solo puedes acceder a \u00e9l a trav\u00e9s de tu equipo o red de Internet.<\/li>\n<li>Si lo que quieres es publicar una web, es recomendable un servidor web \u201cnormal\u201d. Me refiero a los servidores se encuentran en centros de datos con recursos muy potentes para guardar y transmitir los datos almacenados a trav\u00e9s de un sistema de redes, garantizando as\u00ed que tu sitio est\u00e1 online las 24 horas del d\u00eda y accesible desde cualquier parte del mundo.<\/li>\n<\/ul>\n<h2><span id=\"Para_que_sirve_un_servidor_local\">\u00bfPara qu\u00e9 sirve un servidor local?<\/span><\/h2>\n<p>Como te he comentado, un servidor local es \u00fatil para crear un entorno de pruebas o desarrollo. Gracias al servidor local, vas a poder testear, depurar o romper todo lo que quieras en un entorno controlado y sin afectar a la web que tienes en producci\u00f3n. Podr\u00edamos decir que se trata de una especie de <a href=\"https:\/\/www.lucushost.com\/blog\/staging-wordpress\/\"><strong>staging<\/strong><\/a>, porque el servidor local te permite simular un servidor real en el que experimentar sin riesgo.<\/p>\n<p>Cuando el servidor est\u00e1 configurado \u00fanicamente en un equipo o red local, tambi\u00e9n es muy \u00fatil para guardar copias o respaldos de seguridad de tu p\u00e1gina web. Tener copias de seguridad locales te va a facilitar la recuperaci\u00f3n de los datos y minimizar\u00e1 el tiempo de inactividad. Adem\u00e1s, vas a poder hacer pruebas de restauraci\u00f3n si quieres asegurarte de que tus m\u00e9todos de recuperaci\u00f3n sean efectivos y que est\u00e9n siempre listos para cuando te hagan falta.<\/p>\n<h2><span id=\"Que_necesito_para_montar_un_servidor_local\">\u00bfQu\u00e9 necesito para montar un servidor local?<\/span><\/h2>\n<p>Para convertir tu ordenador en un servidor web es necesario instalar un software espec\u00edfico que proporcione a tu equipo lo siguiente:<\/p>\n<ul>\n<li><strong>Apache:<\/strong> Es un software de servidor web gratuito y de c\u00f3digo abierto.<\/li>\n<li><strong>MariaDB\/MySQL: <\/strong>Aplicaci\u00f3n de bases de datos que te permite crearlas y gestionarlas para desarrollar o testear una p\u00e1gina web.<\/li>\n<li><strong>PHP:<\/strong> Se trata del lenguaje de programaci\u00f3n que utiliza el servidor web.<\/li>\n<\/ul>\n<p>Uno de los paquetes m\u00e1s utilizados y el que recomendamos en LucusHost es<strong> XAMPP<\/strong>. Se trata de un software de c\u00f3digo abierto, muy sencillo de instalar y configurar y compatible con los sistemas operativos m\u00e1s utilizados: Windows, OS X y Linux.<\/p>\n<p>Otras opciones muy populares tambi\u00e9n son <strong>WAMP <\/strong>para Windows<strong>, LAMP <\/strong>para Linux y <strong>MAMP <\/strong>para OS X (Mac).<\/p>\n<h2><span id=\"Como_crear_un_servidor_web_en_local\">C\u00f3mo crear un servidor web en local<\/span><\/h2>\n<p>Ahora s\u00ed, pasamos a la parte pr\u00e1ctica.<\/p>\n<p>A continuaci\u00f3n, te explico c\u00f3mo crear un servidor web local utilizando XAMPP, y te advierto de que es un proceso relativamente sencillo. \u00bfVemos c\u00f3mo se hace?<\/p>\n<h3><span id=\"1o_Descarga_XAMPP_en_tu_equipo\">1\u00ba. Descarga XAMPP en tu equipo<\/span><\/h3>\n<p>Lo primero que tienes que hacer es <a href=\"https:\/\/www.apachefriends.org\/es\/index.html\" rel=\"nofollow noopener\" target=\"_blank\"><strong>descargar XAMPP<\/strong><\/a> en tu ordenador. Al ser un software<em> open source<\/em> no es necesario abonar ning\u00fan tipo de licencia por descargarlo ni al actualizarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4973\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/descargar-xampp.png\" alt=\"Descargar XAMPP\" width=\"1022\" height=\"461\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/descargar-xampp.png 1022w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/descargar-xampp-300x135.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/descargar-xampp-768x346.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/descargar-xampp-700x316.png 700w\" sizes=\"(max-width: 1022px) 100vw, 1022px\" \/><\/p>\n<h3><span id=\"2o_Realiza_la_configuracion_de_XAMPP\">2\u00ba. Realiza la configuraci\u00f3n de XAMPP<\/span><\/h3>\n<p>Abre el archivo que acabas de descargar y pulsa en \u00abNext\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4978\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-1.png\" alt=\"Configuraci\u00f3n de XAMP: Primer paso\" width=\"512\" height=\"435\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-1.png 512w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-1-300x255.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>Selecciona los componentes que deseas instalar en tu equipo. Por defecto ya se muestran todos marcados pero, si no es as\u00ed, selecciona todo y pulsa en \u00abNext\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4977\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-2.png\" alt=\"Configuraci\u00f3n de XAMP: Segundo paso\" width=\"509\" height=\"435\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-2.png 509w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-2-300x256.png 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/p>\n<p>Selecciona la carpeta en la que deseas realizar la instalaci\u00f3n y pulsa en \u00abNext\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4976\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-3.png\" alt=\"Configuraci\u00f3n de XAMP: Tercer paso\" width=\"515\" height=\"441\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-3.png 515w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-3-300x257.png 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/p>\n<p>Elige el idioma (solamente est\u00e1 disponible en ingl\u00e9s y alem\u00e1n) y vuelve a pulsar en \u00abNext\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4975\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-4.png\" alt=\"Configuraci\u00f3n de XAMP: Cuarto paso\" width=\"509\" height=\"437\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-4.png 509w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-4-300x258.png 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/p>\n<p>A continuaci\u00f3n, pulsa en \u00abSiguiente\u00bb y ya est\u00e1 listo para instalar en tu equipo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4974\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-5.png\" alt=\"Configuraci\u00f3n de XAMP: Quinto paso\" width=\"515\" height=\"438\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-5.png 515w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/configurar-xampp-paso-5-300x255.png 300w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/p>\n<h3><span id=\"3o_Instala_XAMPP_en_tu_equipo\">3\u00ba. Instala XAMPP en tu equipo<\/span><\/h3>\n<p>Autom\u00e1ticamente se inicia el proceso de instalaci\u00f3n de XAMPP en tu equipo. Esto puede durar un par de minutos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4979\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/instalar-xampp.png\" alt=\"Instalaci\u00f3n de XAMPP\" width=\"518\" height=\"447\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/instalar-xampp.png 518w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/instalar-xampp-300x259.png 300w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/p>\n<p>Al finalizar, ya tienes la opci\u00f3n de acceder directamente al panel de control de XAMPP. Lo \u00fanico que debes hacer es pulsar sobre \u00abStart\u00bb en cada una de las opciones para que se inicien los m\u00f3dulos de Apache, MySQL, <a href=\"https:\/\/www.lucushost.com\/blog\/filezilla\/\">FileZilla<\/a>, Mercury y TomCat.<\/p>\n<p>De todas formas, puedes acceder a \u00e9l m\u00e1s tarde desde la aplicaci\u00f3n que se crea en tu ordenador.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4980\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/panel-de-control-xamp.png\" alt=\"Panel de control de XAMPP\" width=\"686\" height=\"454\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/panel-de-control-xamp.png 686w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/panel-de-control-xamp-300x199.png 300w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/><\/p>\n<h3><span id=\"4_Comprueba_el_funcionamiento_de_tu_servidor_local\">4. Comprueba el funcionamiento de tu servidor local<\/span><\/h3>\n<p>Una vez completado el proceso de instalaci\u00f3n, ya has terminado de crear tu servidor local y lo tienes todo listo para empezar a trabajar en \u00e9l. Puedes comprobar que est\u00e1 funcionando correctamente accediendo a la ruta del servidor por defecto, que es <em>http:\/\/127.0.0.1<\/em> o <em>http:\/\/localhost<\/em>.<\/p>\n<p>Si el proceso de instalaci\u00f3n ha finalizado correctamente, deber\u00edas ver una ventana como la que te muestro a continuaci\u00f3n:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4981\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local.png\" alt=\"Acceder al servidor web local\" width=\"1151\" height=\"516\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local.png 1151w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local-300x134.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local-1024x459.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local-768x344.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/acceder-al-servidor-web-local-700x314.png 700w\" sizes=\"(max-width: 1151px) 100vw, 1151px\" \/><\/p>\n<p>\u00a1Listo! Ya sabes c\u00f3mo crear tu servidor web en local para empezar a desarrollar tu web o crear un entorno de pruebas. Adem\u00e1s, es importante que sepas que desde XAMPP tienes disponibles 15 paquetes de instalaci\u00f3n de las aplicaciones web m\u00e1s utilizadas como:<\/p>\n<ul>\n<li>WordPress<\/li>\n<li>Joomla<\/li>\n<li>Drupal<\/li>\n<li>Moodle<\/li>\n<li>PrestaShop<\/li>\n<\/ul>\n<p>Esto te permitir\u00e1 realizar la instalaci\u00f3n del <a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\">gestor de contenidos<\/a> que t\u00fa elijas de forma sencilla. De todas formas, siempre puedes realizar el proceso de forma manual, subiendo los archivos a tu servidor mediante una <strong><a href=\"https:\/\/www.lucushost.com\/ayuda\/conexion-ftp\/\">conexi\u00f3n FTP<\/a><\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4982\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp.png\" alt=\"M\u00f3dulos para descargar aplicaciones web con XAMPP\" width=\"1304\" height=\"659\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp.png 1304w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp-300x152.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp-1024x517.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp-768x388.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2021\/05\/modulos-aplicaciones-web-xampp-700x354.png 700w\" sizes=\"(max-width: 1304px) 100vw, 1304px\" \/><\/p>\n<h2><span id=\"Preparado_para_crear_tu_servidor_local\">\u00bfPreparado para crear tu servidor local?<\/span><\/h2>\n<p>Como acabas de ver, crear un servidor web en local es un proceso bastante sencillo y, adem\u00e1s, totalmente gratuito. Lo \u00fanico que necesitas es un software como XAMPP que instale en tu equipo todo lo necesario para utilizarlo como si fuese un servidor web.<\/p>\n<p>Recuerda que esta es una soluci\u00f3n ideal para crear un entorno de desarrollo o de pruebas, pero si quieres que tu p\u00e1gina web est\u00e9 online y accesible desde cualquier parte del mundo y a cualquier hora, es necesario registrar un dominio y elegir un plan de hosting adecuado para la aplicaci\u00f3n que vayas a utilizar como, por ejemplo, un plan de <strong><a href=\"\/hosting-wordpress\">Hosting WordPress<\/a><\/strong> o un <strong><a href=\"\/hosting-ssd\">Hosting SSD<\/a><\/strong>.<\/p>\n<p>\u00bfTienes alguna duda o has tenido alg\u00fan problema al crear el servidor web local? Entonces d\u00e9jame un comentario y te echo una mano \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crear un servidor web en local es una buena idea para tener un entorno controlado en el que hacer el desarrollo de una p\u00e1gina, pruebas o testear cambios antes de pasarlos a la p\u00e1gina en producci\u00f3n.<\/p>\n","protected":false},"author":3,"featured_media":4966,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4962"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=4962"}],"version-history":[{"count":16,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4962\/revisions"}],"predecessor-version":[{"id":9722,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/4962\/revisions\/9722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/4966"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=4962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=4962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=4962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}