Ao desenvolver um site, um web designer precisa ser capaz de ver suas páginas da mesma forma que o usuário final faria. Às vezes, basta clicar e visualizar seus arquivos HTML no navegador da web, mas se você quiser testar o conteúdo dinâmico, precisará configurar um servidor da web local. Fazer isso é bastante simples e pode ser facilmente realizado no Windows, macOS e Linux. Existem muitos tipos de servidores web disponíveis, mas usamos o Apache neste tutorial, pois é o servidor mais comum, muito fácil de configurar e compatível com todos os principais sistemas operacionais.
Configure um servidor da web local no Linux
O Apache foi projetado para sistemas operacionais do tipo Unix. O Linux se enquadra nesta categoria, e a instalação e configuração de um servidor web Apache podem ser feitas em uma etapa.
Aqui lidamos com a linha de comando. As distribuições mais populares permitem que você instale o Apache sem compilá-lo do código-fonte usando um comando simples.
Para distribuição baseada em Debian, Ubuntu e Ubuntu:
sudo apt install apache2
Para Red Hat e CentOS
sudo dnf install httpd
Uma vez instalado, navegue em seu navegador da web para “127.0.0.1” ou “localhost”. Se exibir “Funciona!” isso significa que a instalação do Apache foi bem-sucedida.
Para entender melhor como o Apache está servindo esta página da web em particular, vamos editá-la. Para fazer isso, navegue até o diretório raiz da web de sua máquina Linux local.
cd /var/www/html
Abra “index.html” como root com seu editor de texto favorito.
Pesquise por “Funciona!” e altere o texto para algo aleatório, como “Facilite a tecnologia!” (Pode ser qualquer coisa, na verdade.) Certifique-se de salvar o arquivo.
Agora atualize a página da web em 127.0.0.1. Você deverá ver “Tornar a tecnologia mais fácil!” onde “Funciona!” era anteriormente.
Agora que você configurou um servidor web simples, pode brincar com as configurações em “apache2.conf”.
sudo nano /etc/apache2/apache2.conf
Nota: esteja ciente de que toda vez que você fizer uma alteração na configuração, será necessário reiniciar o Apache para que ela seja aplicada.
sudo systemctl apache2 restart
Se isso não funcionar, reinicie-o executando diretamente o arquivo de inicialização.
sudo /etc/init.d/apache2 restart
Configure um servidor da web local no macOS
A boa coisa sobre o macOS é que o Apache é instalado por padrão. Tudo que você precisa fazer é ligá-lo.
No Finder, vá para “Aplicativos -> Utilitários” e clique duas vezes no Terminal para abri-lo.
Para ligar o servidor da web Apache pré-instalado, execute o seguinte comando:
sudo apachectl start
Para testar se nosso servidor web está funcionando, navegue até “127.0.0.1” ou “localhost” em seu navegador.
Podemos alterar o conteúdo da página da Web simplesmente navegando até a raiz do documento da mesma forma que fizemos no Linux. A única diferença é a localização do caminho.
cd /Library/WebServer/Documents/
Agora edite o arquivo “index.html.en” usando seu editor de texto favorito. Altere “Funciona!” para “Hello World!”
sudo nano index.html.en
Se atualizarmos nossa página hospedada em 127.0.0.1, agora vemos as mudanças refletidas.
Para configurar ainda mais o servidor da web Apache no macOS, navegue até o arquivo “httpd.conf”.
sudo nano /etc/apache2/httpd.conf
Como o Linux, você pode reiniciar facilmente o serviço Apache usando o apachectl comando com privilégios de root.
sudo apachectl restart
Configure um servidor da web local no Windows
Ao contrário do Linux e do macOS, o Windows não é baseado em Unix, então não há uma linha única para instalá-lo. Felizmente, existem vários assistentes de instalação que agrupam coisas como Apache, MySQL e PHP para tornar nossas vidas mais fáceis. Um deles é o XAMPP.
Nota: XAMPP está disponível para Linux e Mac OS X também.
Baixe a versão do Windows de XAMPP e comece a instalação. Execute o instalador quando solicitado. Você pode selecionar apenas Apache se tudo que você precisa é um servidor web. No entanto, se estiver planejando usar um banco de dados, você também pode selecionar MySQL.
Continue com a instalação e clique em “Concluir” quando terminar. Por padrão, o painel de controle do XAMPP será iniciado.
Clique em “Iniciar” para Apache e MySQL, se necessário.
Se você navegar até “127.0.0.1” ou “localhost” em seu navegador, deverá ver a página de configuração do XAMPP.
Para criar uma nova página web, o procedimento é o mesmo. Abra o bloco de notas e crie um arquivo HTML de amostra. Nomeie-o “hello.html”.
Salve-o na raiz do documento localizada em “c: xampp htdocs ”.
Navegue até ele usando seu navegador da web em 127.0.0.1/hello.html. Você poderá ver a página da web que criou.
Nota: WampServer é outra opção sólida para instalar o Apache no Windows.
Conclusão
Apache é uma excelente solução para construir sites simples e complexos, mas não é a única opção. Embora o Apache se integre bem em todas as três plataformas, você pode querer olhar IIS como uma opção para o Windows, pois oferece suporte a muitos recursos de autenticação do Windows que o Apache não oferece. No entanto, para simplesmente testar a funcionalidade básica de um site, o Apache é perfeito.
