Cómo configurar el host virtual en Windows 10

Publicado: 2021-02-22
Siga @Cloudways

Muchos desarrolladores inician el desarrollo web en su entorno local y cuando el trabajo está terminado, migran su sitio a un entorno activo. La configuración local proporciona un entorno de desarrollo flexible para experimentar las nuevas técnicas y, lo que es más importante, la gestión del código del proyecto es una cuestión sencilla. Si está trabajando con WordPress, configurar hosts virtuales y la pila XAMPP es una tarea sencilla.

La pila XAMPP le proporciona una plataforma local donde puede instalar y ejecutar sus sitios de WordPress directamente desde su escritorio / Mac. La pila admite los mismos componentes que el servidor web real y garantiza que cuando llegue el momento de poner en marcha el proyecto, las bases de datos y los sitios web completos se puedan mover fácilmente sin problemas.

En este tutorial, voy a demostrar cómo puede instalar y configurar hosts virtuales para sitios web de WordPress con XAMPP ejecutándose en Windows 10. Supongo que ya tiene XAMPP y WordPress instalados en su Windows 10. Si está interesado en configurar Al crear un nuevo sitio de WordPress en XAMPP, hemos creado una guía detallada que explica los detalles de la instalación y ejecución de un sitio de WordPress en XAMPP.

  • ¿Qué es un host virtual?
  • Crear host virtual
  • Configurar la URL del sitio de WordPress

¿Qué es un host virtual?

Un host virtual se utiliza para alojar varios nombres de dominio en un solo servidor. Esto significa que diferentes sitios web comparten el mismo servidor y utilidades para su proyecto deseado. Existen muchas ventajas cuando utiliza los conceptos de host virtual en un entorno en vivo y varias empresas a gran escala siguen el mismo principio para proporcionar alojamiento web de bajo costo para sus clientes. El mejor ejemplo sería el alojamiento compartido.

Hay tres tipos de hosts virtuales; nombre, IP y puerto.

En el sistema basado en nombres, puede alojar varios sitios web en la misma IP de servidor.

En base a IP, cada sitio web utiliza una dirección IP única.

En Port-Based, los diferentes sitios web se alojan en una dirección IP común, pero se distinguen según el número de puerto único.

Crear host virtual

En este artículo, estoy creando un host virtual en un entorno local para trabajar con diferentes proyectos de WordPress.

¡Entonces empecemos!

Primero, debe navegar a D: \ xampp \ apache \ conf \ extra o donde se encuentren sus archivos XAMPP. En mi caso, mi archivo XAMPP se encuentra en la unidad D.

ubicación del archivo xampp vhost

Luego, edite httpd-vhosts.con f con cualquier editor de texto. En mi caso, estoy usando Notepad ++.

editar archivo httpd vhosts

El archivo se parece a esto:

archivo httpd vhost conf

Ahora, pegue el siguiente código al final del texto / código del archivo:

 <VirtualHost *: 80>

DocumentRoot "D: \ xampp \ htdocs \ testing"

ServerName farhan.cw

<Directorio "D: \ xampp \ htdocs \ testing">

</Directorio>

</VirtualHost>

En el código anterior:

  • VirtualHost: la mayoría de los servidores web utilizan el puerto 80 como puerto predeterminado. Sin embargo, puede cambiar el puerto a 8080, 8081, etc.
  • DocumentRoot: la carpeta donde existirán los archivos de un sitio. En nuestro caso, el nombre de la carpeta es "testing".
  • ServerName : es la URL de nuestro host virtual.
  • Directorio: es el directorio de nuestro host virtual.

Ahora, vaya a Windows> Buscar> Ejecutar y pegue la siguiente línea:

 C: \ Windows \ System32 \ drivers \ etc \ hosts 

ubicación del archivo host windows 10

A continuación, abra el archivo Host en su editor de texto y agregue la siguiente línea en el archivo Host.

 127.0.0.1 farhan.cw 

editar archivo de host en Windows 10

Una vez que haya terminado, debe reiniciar Apache y MySQL desde el panel de control de XAMPP y verificar si http://localhost/testing abre en su navegador.

reiniciar apache

Puede ver que el dominio se ha cambiado correctamente y aparece un error de servidor interno 500 para su URL anterior (http: // localhost / testing).

comprobación de URL

A continuación, debemos cambiar la URL del sitio de nuestro WordPress y, por lo tanto, debemos acceder a la base de datos.

Configurar la URL del sitio de WordPress

En este punto, supongo que tiene un sitio web de WordPress configurado.

Ahora es el momento de cambiar la URL de la base de datos (un paso muy importante para configurar el host virtual).

Para esto, abra su navegador y vaya a http: // localhost / phpmyadmin / y seleccione su base de datos. En mi caso, se trata de " probar ".

Luego abra wp_options y haga clic en editar la URL del sitio de http: // localhost / testing / a http://farhan.cw, y la URL de inicio de http: // localhost / testing a http://farhan.cw.

cambiar la URL del sitio de wordpress

Reinicie Apache y visite la URL de su host virtual, en nuestro caso es " farhan.cw " y verifique si el dominio se ha configurado correctamente.

reiniciar apache

Dado que se realizó la configuración de los hosts virtuales para el sitio web de WordPress, así es como se verían los resultados finales:

host virtual xampp

Ultimas palabras

¡Eso es todo! Espero que tenga una idea clara de cómo configurar hosts virtuales para WordPress con XAMPP ejecutándose en Windows 10. Si tiene alguna consulta o sugerencia, no dude en preguntarme en la sección de comentarios a continuación.

P. ¿Qué es un host virtual en XAMPP?

En XAMPP, un host virtual es el nombre que se le da al localhost para que el desarrollador pueda acceder fácilmente a los activos sin el problema de enlaces rotos o problemas similares. Una instalación de XAMPP puede tener varios hosts virtuales.

P. ¿Cómo agrego varios hosts virtuales a XAMPP Windows 10?

Agregar múltiples hosts virtuales a XAMPP para Windows 10 es un proceso de cuatro pasos.

1. Cree carpetas individuales para los hosts virtuales en la carpeta htdocs.
2. Edite httpd-vhosts.conf para incluir información (incluido el nombre de host, la raíz del documento y el nombre del servidor) sobre cada host virtual.
3. Edite el archivo de hosts para incluir la dirección IP (generalmente 127.0.0.1) y el nombre de los hosts virtuales.
4. Reinicie XAMPP y acceda a cada host virtual para probar el éxito del proceso.

P. ¿Cómo cambio mi nombre de dominio de localhost en XAMPP?

Cambiar el nombre de dominio de localhost requiere primero editar el archivo de hosts locales para incluir el nuevo nombre de dominio y la dirección IP de localhost (127.0.0.1). A continuación, edite el archivo httpd-vhosts.conf para incluir la nueva información del dominio (nombre de host, raíz del documento y nombre del servidor). Finalmente, reinicie XAMPP y luego acceda al nuevo dominio en el navegador.

P. ¿Cómo funciona un host virtual?

Un host virtual emula la funcionalidad de un servidor en vivo y proporciona una estructura de directorio y conectividad de base de datos similares. Puede tener varios hosts virtuales en su máquina de desarrollo local, cada uno de los cuales aloja diferentes sitios web (o versiones de un sitio web). Si lo desea, también puede conectar el host virtual a un dominio en vivo para probar más la funcionalidad del proyecto.