{"id":140,"date":"2022-05-04T09:09:02","date_gmt":"2022-05-04T14:09:02","guid":{"rendered":"https:\/\/www.hostinglabs.net\/content\/?post_type=ht_kb&#038;p=140"},"modified":"2023-09-06T14:47:56","modified_gmt":"2023-09-06T19:47:56","slug":"configurar-multiples-sitios-web-en-apache-con-ubuntu-20-04","status":"publish","type":"ht_kb","link":"https:\/\/hostinglabs.net\/asistencia\/base-de-conocimientos\/configurar-multiples-sitios-web-en-apache-con-ubuntu-20-04\/","title":{"rendered":"Configurar m\u00faltiples sitios web en Apache con Ubuntu 20.04"},"content":{"rendered":"\n<p>En esta gu\u00eda configuraremos Apache para que aloje en el servidor 2 sitios web de diferentes dominios o en su defecto, 2 sitios diferentes en 2 subdominios. Para hacer esto posible es necesario usar los virtualhosts que independizaran los detalles de configuraci\u00f3n para cada sitio y alojar m\u00e1s de un dominio desde un \u00fanico servidor.<\/p>\n\n\n\n<p>Recuerda que puedes solicitar la configuraci\u00f3n de estos y otros servicios al contratar un Servidor Cloud con Hostinglabs o elegir un servidor con una plantilla existente en nuestro cat\u00e1logo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pre requisitos:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e1s de un dominio o 2 subdominios apuntando a la IP p\u00fablica del servidor.<\/li>\n\n\n\n<li>Apache instalado en el servidor (Puede usar la gu\u00eda de instalaci\u00f3n desde <a href=\"https:\/\/clientes.hostinglabs.net\/knowledgebase\/2099\/Instalar-Apache-en-Ubuntu-20.04.html\">aqu\u00ed<\/a>).<\/li>\n\n\n\n<li>Usuario root o usuario regular con privilegios sudo.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>NOTA: Para esta gu\u00eda usaremos 2 dominios como ejemplos: sitioweb1.com y sitioweb2.com.<\/p><\/blockquote><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 1<\/strong> &#8211; Crear la estructura del directorio. <\/h5>\n\n\n\n<p>Puede establecer el directorio ra\u00edz donde desee, pero en est\u00e1 gu\u00eda usaremos la misma ruta usada por Apache, por lo general usa la siguiente ruta:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\n\/var\/www\/\n<\/pre><\/div>\n\n\n<p>Donde crearemos 2 carpetas con el nombre de los dominios a usar, adem\u00e1s de una carpeta con el nombre de &#8216;public_html&#8217; usando el siguiente comando:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo mkdir -p \/var\/www\/sitioweb1.com\/public_html\nsudo mkdir -p \/var\/www\/sitioweb2.com\/public_html\n<\/pre><\/div>\n\n\n<p><em>El par\u00e1metro &#8216;-p&#8217; realiza la creaci\u00f3n de todo el \u00e1rbol de directorios indicado.<\/em><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\n\/var\/www\/\n     \u251c\u2500\u2500 sitioweb1.com\n         \u2514\u2500\u2500 public_html\n     \u251c\u2500\u2500 sitioweb2.com\n         \u2514\u2500\u2500 public_html\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 2 <\/strong>&#8211; Crearemos un archivo &#8216;index.html&#8217;.<\/h5>\n\n\n\n<p>En cada carpeta &#8216;public_html&#8217; con el siguiente contenido:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;\n   &lt;head&gt;\n       &lt;meta charset=&quot;utf-8&quot;&gt;\n       &lt;title&gt;Bienvenido a sitioweb1.com&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n      &lt;h1&gt;Hola Mundo sitioweb1.com&lt;\/h1&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p> <\/p>\n\n\n\n<p>Cambiando solamente el contenido de la etiqueta &lt;title&gt; y &lt;h1&gt; con el nombre del dominio correspondiente para diferenciarlos al finalizar las configuraciones.<\/p>\n\n\n\n<p>Nos ubicamos en las rutas correspondientes para cada dominio:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\n\/var\/www\/sitioweb1.com\/\n\/var\/www\/sitioweb2.com\/\n<\/pre><\/div>\n\n\n<p>Creamos los archivos con su contenido respectivo:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo nano index.html\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 3<\/strong> &#8211; Asignamos la propiedad y los respectivos permisos tanto para carpetas y archivos:<\/h5>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo chown -R www-data: \/var\/www\/sitioweb1.com\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo find \/var\/www\/sitioweb1.com -type d | sudo xargs chmod -v 0775\nsudo find \/var\/www\/sitioweb1.com -type f | sudo xargs chmod -v 0664\n<\/pre><\/div>\n\n\n<p><em>Ejecutar los mismos comandos cambiando la ruta del segundo dominio &#8216;\/var\/www\/sitioweb2.com&#8217;.<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 4<\/strong> &#8211; Creamos los virtual host para cada dominio. <\/h5>\n\n\n\n<p>En lugar de modificar directamente el archivo de configuraci\u00f3n por defecto situado en <strong>\/etc\/apache2\/sites-available\/000-default.conf<\/strong>, vamos a crear dos nuevos archivos en <strong>\/etc\/apache2\/sites-available\/ <\/strong>para cada dominio:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nnano \/etc\/apache2\/sites-available\/sitioweb1.com.conf\nnano \/etc\/apache2\/sites-available\/sitioweb2.com.conf\n<\/pre><\/div>\n\n\n<p>E ingresamos el siguiente contenido en cada archivo de configuraci\u00f3n:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;VirtualHost *:80&gt;\n    ServerName sitioweb1.com\n    ServerAlias www.sitioweb1.com\n    ServerAdmin webmaster@sitioweb1.com\n    DocumentRoot \/var\/www\/sitioweb1.com\/public_html\n\n    &lt;Directory \/var\/www\/sitioweb1.com\/public_html&gt;\n        Options -Indexes +FollowSymLinks\n        AllowOverride All\n    &lt;\/Directory&gt;\n\n    ErrorLog ${APACHE_LOG_DIR}\/sitioweb1.com-error.log\n    CustomLog ${APACHE_LOG_DIR}\/sitioweb1.com-access.log combined\n&lt;\/VirtualHost&gt;\n<\/pre><\/div>\n\n\n<p><em>Recuerda que tienes que cambiar el nombre de dominio y las rutas creadas por ti.<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 5<\/strong> &#8211; Habilitamos los archivos de configuraci\u00f3n creados y reiniciamos el servicio:<\/h5>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo a2ensite sitioweb1.com.conf\nsudo a2ensite sitioweb2.com.conf\n<\/pre><\/div>\n\n\n<p>Deshabilitamos el archivo de configuraci\u00f3n por defecto del Apache:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo a2dissite 000-default.conf\n<\/pre><\/div>\n\n\n<p>Probamos que los nuevos archivos de configuraci\u00f3n tengan la sintaxis correcta:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo apache2ctl configtest\n<\/pre><\/div>\n\n\n<p>Reiniciamos servicio Apache:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: bash; title: ; notranslate\" title=\"\">\nsudo systemctl reload apache2\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\"><strong>Paso 6<\/strong> &#8211; Ahora ingresamos a los siguientes enlaces para acceder a los sitios configurados:<\/h5>\n\n\n\n<p><strong>http:\/\/sitioweb1.com\/<\/strong><\/p>\n\n\n\n<p><strong>http:\/\/sitioweb2.com\/<\/strong><\/p>\n\n\n\n<p>Donde podemos confirmar que se visualizan ambos sitios.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/clientes.hostinglabs.net\/images\/kb\/199_web2.png\" alt=\"sitio multisitio con apache y ubuntu\"\/ width=\"666\" height=\"192\" loading=\"lazy\" decoding=\"async\"><\/figure>\n\n\n\n<p><em>Recuerda que no podr\u00e1s acceder a los sitios ya que solo han sido usados como ejemplo para esta gu\u00eda.&nbsp;<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Conclusi\u00f3n<\/h4>\n\n\n\n<p><br>\u00a1Felicidades! Ahora tienes 2 sitios web configurados en Apache funcionando correctamente en tu servidor. Recuerda que siempre puedes ponerte en contacto con nosotros si necesitas asistencia t\u00e9cnica en la operaci\u00f3n de tu servicio. \u00a1Felicidades! Ahora tienes 2 sitios web configurados en Apache funcionando correctamente en tu servidor. Recuerda que siempre puedes ponerte en contacto con nosotros si necesitas asistencia t\u00e9cnica en la operaci\u00f3n de tu servicio. Este es solo el comienzo de tu viaje con Apache.<\/p>\n\n\n\n<p> Es esencial mantener tus sitios actualizados y seguros. Con el tiempo, podr\u00edas considerar agregar m\u00e1s funcionalidades o incluso expandir tu alojamiento para manejar m\u00e1s tr\u00e1fico. Aseg\u00farate de revisar peri\u00f3dicamente las mejores pr\u00e1cticas de seguridad y optimizaci\u00f3n. Estamos aqu\u00ed para ayudarte en cada paso del camino, garantizando que tu experiencia sea fluida y eficiente. \u00a1Deseamos que tus proyectos en l\u00ednea sean un gran \u00e9xito!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En esta gu\u00eda configuraremos Apache para que aloje en el servidor 2 sitios web de diferentes dominios o en su defecto, 2 sitios diferentes en 2 subdominios. Para hacer esto posible es necesario usar los virtualhosts que independizaran los detalles de configuraci\u00f3n para cada sitio y alojar m\u00e1s de un&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[20],"ht-kb-tag":[],"class_list":["post-140","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-servidores-cloud"],"_links":{"self":[{"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb\/140"}],"collection":[{"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":8,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb\/140\/revisions"}],"predecessor-version":[{"id":1129,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb\/140\/revisions\/1129"}],"wp:attachment":[{"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb-category?post=140"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/hostinglabs.net\/asistencia\/wp-json\/wp\/v2\/ht-kb-tag?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}