{"id":161,"date":"2024-05-27T13:39:24","date_gmt":"2024-05-27T19:39:24","guid":{"rendered":"https:\/\/www.mariatech.com.mx\/blog\/?p=161"},"modified":"2026-06-05T16:55:56","modified_gmt":"2026-06-05T23:55:56","slug":"crear-virtual-host-con-xampp-en-ubuntu","status":"publish","type":"post","link":"https:\/\/www.mariatech.com.mx\/blog\/ubuntu\/crear-virtual-host-con-xampp-en-ubuntu\/","title":{"rendered":"Crear Virtual Host con Xampp en Ubuntu"},"content":{"rendered":"

\u00bfQu\u00e9 es Virtual Host?<\/h4>\n

Virtual Host <\/strong>o Anfitri\u00f3n Virtual<\/strong> es una herramienta que nos permite tener m\u00e1s de un proyecto web en un solo servidor.
Esto se puede hacer asignando nombres de dominio o n\u00fameros de IP a cada proyecto, permitiendo al servidor poder enrutar las peticiones de manera correcta.<\/p>\n

\u00bfCu\u00e1ndo deber\u00eda hacer uso de Virtual Host?<\/h4>\n

Nosotros recomendamos siempre hacer uso de Virtual Host<\/strong>, a\u00fan as\u00ed solo vayas a trabajar en un solo proyecto, ahora, el uso obligatorio de esta herramienta viene cuando se tienen varios proyectos a la vez. Esto te ayudar\u00e1 para tener una mejor administraci\u00f3n y ahorrar recursos.<\/p>\n

C\u00f3mo habilitar Virtual Host con Xampp en Ubuntu<\/h4>\n

Los pasos siguientes suponen que ya hemos instalado Xampp<\/em> en nuestro equipo y contamos con los permisos para trabajar sobre el directorio “htdocs<\/strong>“.
Vamos a hacer la configuraci\u00f3n para trabajar con nombres de dominio, como recomendaci\u00f3n usen la palabra “localhost” en sus dominio para identificar que est\u00e1n trabajando en un servidor local, ya que algunas veces los plugins\/modules\/themes<\/em> de los CMS<\/em> no funcionan porque detectan que est\u00e1n siendo usados en otros “sitios” y adem\u00e1s esto te ayudar\u00e1 a evitar problemas con HTTPS<\/em>.<\/p>\n

1- Modificar el archivo “etc\/hosts<\/strong>“
Desde la terminal escribimos el siguiente comando, recordemos que debemos editar nuestro archivo con el permiso de root<\/em>, nosotros usamos “vi”, usa el editor de tu preferencia.<\/p>\n\n\n

sudo vi \/etc\/hosts<\/code><\/pre>\n\n\n
Te deber\u00e1 aparece la informaci\u00f3n siguiente:<\/p>\n\n\n
\"\"<\/figure>\n\n\n
Para agregar el nuevo dominio el cual apuntaremos a nuestro proyecto es de la siguiente forma:<\/p>\n\n\n
127.0.0.1   localhost.miproyecto.com<\/code><\/pre>\n\n\n
Nota: Nosotros podemos agregar todos los dominios que necesitemos.<\/p>\n
2- Crear el directorio de nuestro proyecto, generalmente al instalar XAMPP<\/em> el directorio para los proyectos est\u00e1 en “\/opt\/lampp\/htdocs<\/strong>“
Puedes crear el directorio de forma cl\u00e1sica, que ser\u00eda navegar al directo y clic derecho “Nueva carpeta” o bien desde la terminal con el comando:<\/p>\n\n\n
mkdir \/opt\/lampp\/htdocs\/miproyecto<\/code><\/pre>\n\n\n
Nota: Tambi\u00e9n puedes crear un directorio para tus proyecto fuera del directorio “htdocs<\/strong>” y ya solamente hacer un enlace simb\u00f3lico dentro del directorio.
Se debe crear un directorio por proyecto(al igual que un dominio por proyecto)<\/p>\n
3- Editar el archivo de configuraci\u00f3n del Apache <\/em>“\/opt\/lampp\/etc\/httpd.conf<\/strong>“
Buscamos la l\u00ednea “#Include etc\/extra\/httpd-vhosts.conf<\/strong>” y la descomentamos quitando el “#<\/strong>“<\/p>\n\n\n
\"\"<\/figure>\n\n\n
Esto nos permite habilitar el archivo que contiene la configuraci\u00f3n para el virtual host<\/strong>.<\/p>\n
4- Modificamos el archivo que acabamos de habilitar “httpd-vhosts.conf<\/strong>” con la configuraci\u00f3n para cada proyecto
Borramos todo lo que no est\u00e1 comentado y quedar\u00eda algo as\u00ed:<\/p>\n\n\n
\"\"<\/figure>\n\n\n
Si todo ha ido bien ya solo falta reiniciar nuestros servicios e ingresar a nuestro dominio.<\/p>\n\n\n
sudo \/opt\/lampp\/lampp restart<\/code><\/pre>\n\n\n
Links de referencia:<\/p>\n\n\n
https:\/\/simplecodetips.wordpress.com\/2018\/07\/11\/crear-virtualhost-con-xampp-en-ubuntu-18-04<\/a><\/p>\n\n\n\n
https:\/\/slack.com\/intl\/es-es\/blog\/transformation\/virtual-hosts-que-son-y-como-funcionan<\/a><\/p>\n\n\n
Recuerda que si te ayud\u00f3 este contenido no olvides dejar tu comentario. bye.<\/p>","protected":false},"excerpt":{"rendered":"
Aprende c\u00f3mo habilitar la herramienta de Virtual Host con Xampp en tu maquina Ubuntu y trabaja con m\u00e1s de un proyecto web a la vez…<\/p>\n","protected":false},"author":1,"featured_media":286,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[19,20,21,22],"class_list":["post-161","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ubuntu","tag-xampp","tag-ubuntu","tag-apache","tag-virtualhost"],"_links":{"self":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":0,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/posts\/161\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/media\/286"}],"wp:attachment":[{"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mariatech.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}