Como configurar um servidor web local (servidor web local) no Windows, macOS e Linux

Ao desenvolver seu próprio site, você precisa ser capaz de observar e avaliar a aparência do site da perspectiva do visitante médio.

Às vezes, basta clicar e visualizar seus arquivos HTML em um navegador da web. Mas se quiser testar conteúdo dinâmico, você precisará configurar um servidor web local.

Isso é bastante simples e você pode fazer isso facilmente, esteja usando um PC Windows, macOS ou Linux. Existem muitos tipos de servidores web disponíveis, mas neste artigo usaremos o Apache porque é o servidor mais popular, muito fácil de configurar e tem boa compatibilidade com todos os sistemas operacionais de computador populares.

Configure um servidor web local no Linux

O Apache foi projetado para sistemas operacionais do tipo Unix. O Linux pertence a esta categoria e a instalação e configuração do servidor web Apache pode ser feita de forma muito simples.

O trabalho envolverá processamento de linha de comando. As distribuições Linux mais populares hoje permitem que você instale o Apache sem compilá-lo a partir do código-fonte, usando apenas um comando simples.

Para distribuições Debian, Ubuntu e baseadas em Ubuntu:

sudo apt instalar o apache2

Para Red Hat e CentOS:

sudo dnf instalar httpd

Assim que a instalação for concluída, abra um navegador da web e navegue até “ 127.0.0.1 ” ou “ localhost ”. Se a tela exibir " It Works! ", a instalação do Apache foi bem-sucedida.

Para entender melhor como o Apache está lidando com este site específico, vamos editá-lo. Primeiro, navegue até o diretório raiz da web do seu computador Linux local.

cd /var/www/html

Abra “ index.html ” como diretório raiz usando um editor de texto no sistema.

Procure a frase “ Funciona !” e altere-o para algum texto aleatório, como " Make Tech Easier! ", e salve o arquivo.

Agora, atualize o site no endereço 127.0.0.1 . Você verá uma tela exibindo a frase “ Torne a tecnologia mais fácil! ” em vez de “ Funciona! "antigamente.

Agora, você configurou com sucesso um servidor web simples. Algumas personalizações das definições de configuração podem ser feitas em “ apache2.conf ”.

sudo nano /etc/apache2/apache2.conf

Nota: Toda vez que você fizer edições na configuração, será necessário reiniciar o Apache para aplicar quaisquer alterações.

sudo systemctl apache2 reiniciar

Se isso não funcionar, você pode reiniciar executando o arquivo de inicialização diretamente.

sudo /etc/init.d/apache2 reiniciar

Configure um servidor web local no macOS

A boa notícia é que o Apache agora está instalado no macOS por padrão. Então tudo que você precisa fazer é apenas ligá-lo.

No Finder, navegue até “ Aplicativos -> Utilitários ” e clique duas vezes em Terminal .

Para ativar o servidor web Apache pré-instalado, execute o seguinte comando:

sudo apachectl iniciar

Para verificar se o servidor web está rodando, abra um navegador e navegue até “ 127.0.0.1 ” ou “ localhost ”.

Claro que você também pode alterar o conteúdo do site simplesmente navegando até o diretório raiz da mesma forma que faz no Linux. A única coisa diferente é a localização do caminho.

cd /Biblioteca/WebServer/Documentos/

Agora, edite o arquivo “index.html.en” usando seu editor de texto local. Mude " Funciona! " para " Olá, mundo! ".

sudo nano index.html.en

Atualize o site em 127.0.0.1 . Você verá a tela exibir a frase “ Olá, mundo! ” em vez de “ Funciona! " como antes.

Para configurar ainda mais o servidor web Apache no macOS, navegue até o arquivo “ httpd.conf ”.

sudo nano /etc/apache2/httpd.conf

Assim como no Linux, você pode reiniciar facilmente o serviço Apache usando o comando apachectl com privilégios de root.

sudo apachectl reiniciar

Configure um servidor web local no Windows

Ao contrário do Linux e do macOS, o Windows não é baseado em Unix, portanto a instalação de um servidor web local será um pouco diferente.

Felizmente, existem vários instaladores que agrupam coisas como Apache, MySQL e PHP para tornar o trabalho mais fácil. Um deles é o XAMPP.

( Nota : o XAMPP também está disponível para Linux e Mac OS X).

Baixe a versão Windows do XAMPP e inicie a instalação. Execute o instalador quando solicitado. Você pode simplesmente escolher o Apache se tudo que você precisa é de um servidor web. No entanto, se você planeja usar um banco de dados, também pode escolher MySQL.

Continue a instalação e clique em “ Concluir ” quando chegar à última etapa. Por padrão, o painel de controle do XAMPP será iniciado.

Clique em “ Iniciar ” para Apache e MySQL, se necessário.

Se você navegar para “ 127.0.0.1 ” ou “ localhost ” em seu navegador, verá a página de configuração do XAMPP.

Para criar um novo site, o processo é igual ao anterior. Abra o bloco de notas e crie um arquivo HTML de amostra. Nomeie-o como “ olá.html ”.

Salve o arquivo na pasta raiz do documento localizada em “ c:\xampp\htdocs\ ”.

Navegue até ele abrindo um navegador da web e visitando 127.0.0.1/hello.html . Você poderá visualizar o site que criou.