Configurando domínio personalizado no Virual Host do XAMPP

Com uma simples configuração conseguimos acessar o ambiente de desenvolvimento por endereços personalizados.

Publicado em

Existem inúmeros motivos que nos forçam a ter nomes personalizados para acesso ao ambiente de desenvolvimento, seja por validações no código por domínio, registro de chave SLL ou até mesmo por ser mais legal do que um numero de IP.

Vamos realizar duas modificações em dois arquivos diferentes, um nos host do Windows e outro no arquivo vhost do Xampp. Para esse tutorial, estamos utilizando o Windows 10 com a versão 3.3.0 do Xampp. Caso você esteja utilizando o Linux, o processo é muito parecido, o que pode mudar é o endereço dos arquivos.

Antes de mais nada, precisamos ter duas perguntas respondidas, que são:

  • Qual o nome do domínio?
  • Qual a pasta do projeto?

Para esse exemplo vamos usar o domínio local-teste.com apontando para a pasta C:\xampp\htdocs\hello.

Configurando o Host do Windows

Antes de iniciarmos as configurações no Xampp, vamos adicionar o nome do nosso domínio ao registro de endereço local, para isso, abra em modo administrador o arquivo hosts localizado na pasta C:\Windows\System32\drivers\etc.

No final do arquivo insira o apontamento abaixo, que faz com que o acesso ao local-teste.com aponte para o IP local.

127.0.0.1      local-teste.com

Configurando o arquivo Host no Windows 10.
Configurando o arquivo Host no Windows 10.

Acredite, metade do trabalho já está feito, agora vamos configurar nosso Xampp.

Configurando o Vhosts do Xampp

Antes de começarmos a mexer em configurações, precisamos entender o que é um Vhost e para que ele serve.

VHost é uma abreviação para Virtual Host, algo parecido com endereços virtuais. Esse arquivo serve para que a gente possa definir as regras de acesso a determinados endereços da nossa aplicação, seja ela local ou em produção.

É através do VHost que vamos apontar o acesso de local-teste.com para a pasta hello/ do nosso projeto, também é possível criar apelidos, grupo de subdomínios, entre muitas outras configurações. 

Abra em modo administrador o arquivo C:\xampp\apache\conf\extrahttpd-vhosts.conf. Para o nosso exemplo o Xampp está no disco C:, verifique onde ele se encontra no seu computador. Vamos inserir o código abaixo após a última linha do arquivo.

<VirtualHost *:80>
    DocumentRoot "c:\xampp\htdocs\hello"
    
    ServerName local-teste.com
</VirtualHost>
  • VirtualHost - Abrimos e fechamos uma demarcação que vai conter as informações do nosso DNS. Note que passamos *:80, recebendo qualquer requisição que venha da porta 80;
  • DocumentRoot - Informamos o caminho físico para o nosso diretório;
  • ServerName - Informamos o caminho virtual para acessar nosso projeto.

Note que com poucas linhas já conseguimos fazer essa configuração, agora é só dar reset no Xampp caso ele esteja aberto e acessar o endereço http://local-teste.com no seu navegador de Internet.

VHost com domínio personalizado no XAMPP.
VHost com domínio personalizado no XAMPP.

Em alguns casos isso pode não funcionar, pois o arquivo vhost está comentado, se isso acontecer, acesse o arquivo C:\xampp\apache\conf\httpd.conf e descomente a linha de inclusão, como mostra o exemplo a seguir.

# Virtual hosts
Include conf/extra/httpd-vhosts.conf ##descomenta essa linha

Finalizamos mais um artigo, nos vemos na próxima.

Gunnar Correa
Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. Fundador da SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.

Todos os nossos cursos em promoção
Todos os nossos cursos em promoção

Webstories

Todos os nossos cursos em promoção

Todos os nossos cursos em promoção

Deixe um comentário
Aguarde...
Todos os nossos cursos em promoção