Como Configurar um Servidor Local no Computador Para Testar Sites

Aprenda como configurar um servidor local no computador para testar sites com XAMPP, Laragon e outros métodos práticos no Windows e Linux.

Configurar um servidor local no computador para testar sites é o primeiro passo de qualquer fluxo de desenvolvimento web profissional. Trabalhar localmente significa desenvolver, testar e corrigir erros sem depender de uma hospedagem paga, sem expor código inacabado ao público e sem o atraso de fazer upload de arquivos a cada pequena alteração.

Para quem desenvolve em WordPress, cria aplicações em PHP, testa projetos em HTML e JavaScript ou experimenta frameworks modernos, ter um servidor local configurado corretamente é tão essencial quanto o editor de código. Este artigo apresenta os métodos mais utilizados, do mais simples ao mais completo, com instruções práticas para cada cenário.

O que é um servidor local e como ele funciona

Um servidor local é um software instalado no próprio computador que simula o comportamento de um servidor de hospedagem web real. Quando o navegador acessa um endereço como localhost ou 127.0.0.1, ele não consulta a internet, mas sim um servidor rodando internamente na máquina.

Esse servidor interpreta arquivos PHP, gerencia conexões com bancos de dados MySQL, serve arquivos estáticos como HTML, CSS e JavaScript e responde às requisições do navegador da mesma forma que um servidor remoto faria, com a diferença de que tudo ocorre dentro do próprio computador, sem latência de rede e sem necessidade de conexão com a internet.

Os componentes de um servidor local completo

Um ambiente de desenvolvimento local completo para aplicações web geralmente é composto por três elementos principais. O servidor web, representado pelo Apache ou Nginx, é responsável por receber as requisições do navegador e servir os arquivos corretos. O interpretador PHP processa os arquivos com código PHP e gera o HTML que o navegador exibe. O servidor de banco de dados, geralmente MySQL ou MariaDB, armazena e gerencia os dados da aplicação.

Essa combinação é conhecida pela sigla AMP, de Apache, MySQL e PHP, e está presente em praticamente todos os pacotes de servidor local populares disponíveis para Windows, Mac e Linux.

XAMPP: o servidor local mais utilizado para Windows e Linux

O XAMPP é o pacote de servidor local mais popular do mundo para desenvolvimento web e a escolha mais indicada para quem está configurando um ambiente local pela primeira vez. O nome é um acrônimo para Cross-platform (X), Apache (A), MariaDB (M), PHP (P) e Perl (P), e o pacote inclui todos esses componentes em um único instalador.

Instalando o XAMPP no Windows

1. Acesse apachefriends.org e baixe a versão mais recente do XAMPP para Windows.
2. Execute o instalador e mantenha os componentes padrão selecionados, especialmente Apache, MySQL e PHP.
3. Escolha o diretório de instalação. O padrão C:\xampp é recomendado para evitar problemas de permissão.
4. Conclua a instalação e abra o XAMPP Control Panel.
5. Clique em Start ao lado de Apache e MySQL para iniciar os servidores.
6. Abra o navegador e acesse http://localhost. A página de boas-vindas do XAMPP confirma que o servidor está funcionando.

Onde colocar os arquivos do site no XAMPP

Os arquivos do site devem ser colocados na pasta C:\xampp\htdocs. Cada projeto deve ter sua própria subpasta dentro de htdocs. Por exemplo, um projeto chamado meusite deve estar em C:\xampp\htdocs\meusite e pode ser acessado pelo navegador em http://localhost/meusite.

Para projetos WordPress, basta extrair os arquivos do WordPress dentro de uma pasta em htdocs, criar um banco de dados pelo phpMyAdmin acessível em http://localhost/phpmyadmin e seguir o processo de instalação normalmente.

Resolvendo o conflito de porta 80 no XAMPP

O erro mais comum ao iniciar o Apache no XAMPP no Windows é o conflito na porta 80, geralmente causado pelo IIS (Internet Information Services) nativo do Windows ou pelo serviço de Compartilhamento de Conexão com a Internet. Para resolver, acesse o XAMPP Control Panel, clique em Config ao lado do Apache e edite o arquivo httpd.conf, substituindo Listen 80 por Listen 8080. Após a alteração, o site fica acessível em http://localhost:8080/meusite.

Laragon: a alternativa moderna e mais leve ao XAMPP

O Laragon é um ambiente de desenvolvimento local para Windows que ganhou popularidade significativa nos últimos anos por ser mais leve, mais rápido de iniciar e mais flexível do que o XAMPP. Ao contrário do XAMPP, o Laragon não instala serviços permanentes no Windows, iniciando e encerrando o servidor apenas quando o aplicativo está aberto.

Vantagens do Laragon em relação ao XAMPP

O Laragon oferece suporte nativo a domínios locais automáticos, criando endereços como meusite.test para cada pasta dentro do diretório de projetos, sem necessidade de configuração manual. Essa funcionalidade simula com mais precisão um ambiente de produção real e elimina a necessidade de acessar os projetos pelo caminho /localhost/nomepasta.

Além disso, o Laragon permite alternar facilmente entre versões diferentes de PHP, Apache, Nginx, MySQL e Node.js diretamente pela interface gráfica, sem reinstalar nada. Para desenvolvedores que trabalham com múltiplos projetos exigindo versões diferentes de PHP, essa flexibilidade é um diferencial considerável.

Instalando e configurando o Laragon

1. Acesse laragon.org e baixe a versão Full, que inclui Apache, Nginx, PHP, MySQL, Node.js e Git.
2. Execute o instalador e escolha o diretório de instalação, como C:\laragon.
3. Abra o Laragon e clique em Iniciar Tudo.
4. Acesse http://localhost no navegador para confirmar o funcionamento.
5. Crie uma pasta dentro de C:\laragon\www com o nome do projeto.
6. O Laragon cria automaticamente o domínio nomedoprojeto.test acessível pelo navegador.

COMPARATIVO DE SERVIDORES LOCAIS PARA WINDOWS

XAMPP
████████████████████████░░░░░░  Mais popular / configuração manual / mais pesado

Laragon
█████████████████████████████░  Leve / domínios automáticos / troca de versão PHP fácil

WAMP
████████████████████░░░░░░░░░░  Estável / interface simples / menos recursos avançados

Local (by Flywheel)
███████████████████████░░░░░░░  Focado em WordPress / interface gráfica completa

Herd (Laravel)
████████████████████████░░░░░░  Focado em PHP/Laravel / muito rápido / Windows e Mac

Configurando um servidor local no Linux

No Linux, a configuração de um servidor local pode ser feita de duas formas: instalando os componentes individualmente pelo gerenciador de pacotes ou utilizando um pacote integrado como o XAMPP para Linux.

Instalando Apache, MySQL e PHP individualmente no Ubuntu

O método mais direto no Ubuntu e derivados é instalar cada componente separadamente pelo apt:

sudo apt update
sudo apt install apache2
sudo apt install mysql-server
sudo apt install php libapache2-mod-php php-mysql

Após a instalação, o Apache inicia automaticamente como serviço do sistema. Para verificar se está funcionando, acesse http://localhost no navegador. A página padrão do Apache confirma que o servidor está ativo.

Os arquivos dos projetos devem ser colocados em /var/www/html. Para evitar problemas de permissão ao criar e editar arquivos nessa pasta, execute o seguinte comando para atribuir o diretório ao usuário atual:

sudo chown -R $USER:$USER /var/www/html

Criando hosts virtuais no Apache Linux

Para cada projeto ter seu próprio domínio local em vez de um subcaminho como /localhost/projeto, é possível configurar hosts virtuais no Apache. Crie um arquivo de configuração em /etc/apache2/sites-available/meusite.conf com o seguinte conteúdo:

<VirtualHost *:80>
    ServerName meusite.local
    DocumentRoot /var/www/html/meusite
    <Directory /var/www/html/meusite>
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>

Em seguida, ative o site e reinicie o Apache:

sudo a2ensite meusite.conf
sudo systemctl restart apache2

Por fim, adicione a entrada 127.0.0.1 meusite.local ao arquivo /etc/hosts para que o sistema reconheça o domínio local.

Servidor local para projetos HTML e JavaScript com Live Server

Para projetos que utilizam apenas HTML, CSS e JavaScript, sem necessidade de PHP ou banco de dados, a configuração de um servidor completo como o XAMPP é desnecessária. O Live Server, uma extensão do Visual Studio Code, oferece um servidor local leve com recarga automática do navegador a cada alteração no código.

Instalando e usando o Live Server no VS Code

1. Abra o Visual Studio Code e acesse a aba de extensões pressionando Ctrl + Shift + X.
2. Pesquise por Live Server e instale a extensão desenvolvida por Ritwick Dey.
3. Abra a pasta do projeto no VS Code.
4. Clique com o botão direito no arquivo index.html e selecione Open with Live Server.
5. O navegador abre automaticamente em http://127.0.0.1:5500 exibindo o projeto.

A cada alteração salva nos arquivos do projeto, o navegador recarrega automaticamente, eliminando a necessidade de atualizar manualmente a página durante o desenvolvimento.

Servidor local com Node.js para projetos JavaScript modernos

Projetos desenvolvidos com frameworks como React, Vue, Angular ou Next.js utilizam servidores de desenvolvimento baseados em Node.js em vez de Apache ou Nginx. Nesses casos, o servidor local é iniciado pelo próprio gerenciador de pacotes do projeto.

Iniciando um servidor de desenvolvimento Node.js

Com o Node.js instalado no sistema, navegue até a pasta do projeto pelo terminal e execute o comando de instalação de dependências:

npm install

Em seguida, inicie o servidor de desenvolvimento com o comando padrão do framework utilizado:

npm run dev

O terminal exibe o endereço local gerado, geralmente http://localhost:3000 ou http://localhost:5173 para projetos Vite. O servidor de desenvolvimento do Node.js também oferece recarga automática e, em frameworks modernos, o recurso de Hot Module Replacement, que atualiza apenas o componente alterado sem recarregar a página inteira.

Tabela comparativa de ambientes de servidor local por tipo de projeto

Tipo de projeto	Ferramenta recomendada	PHP necessário	Banco de dados	Complexidade de configuração
HTML / CSS / JS puro	Live Server (VS Code)	Não	Não	Muito baixa
WordPress local	Laragon ou Local by Flywheel	Sim	Sim (MySQL)	Baixa
PHP genérico	XAMPP ou Laragon	Sim	Opcional	Baixa
Laravel / Symfony	Laragon ou Herd	Sim	Sim	Média
React / Vue / Angular	Node.js + npm	Não	Opcional	Baixa
Next.js / Nuxt	Node.js + npm	Não	Opcional	Baixa
Python / Django / Flask	Servidor embutido Python	Não	Opcional	Média
Múltiplos projetos PHP	Laragon	Sim	Sim	Média

Configurando o phpMyAdmin para gerenciar bancos de dados locais

O phpMyAdmin é uma interface web para gerenciamento de bancos de dados MySQL e MariaDB e está incluído por padrão no XAMPP e no Laragon. Por meio dele, é possível criar bancos de dados, gerenciar tabelas, executar consultas SQL e importar e exportar dados sem utilizar a linha de comando.

Para acessar o phpMyAdmin no XAMPP, abra o navegador e acesse http://localhost/phpmyadmin. No Laragon, o acesso é feito pelo menu do aplicativo ou pelo endereço http://localhost/phpmyadmin.

Para criar um banco de dados para um projeto WordPress ou qualquer aplicação PHP:

1. Acesse o phpMyAdmin pelo navegador.
2. Clique em Novo no painel lateral esquerdo.
3. Digite o nome do banco de dados, selecione o collation utf8mb4_unicode_ci e clique em Criar.
4. Use as credenciais padrão do XAMPP, usuário root sem senha, nas configurações de conexão da aplicação.

Em ambientes de produção, nunca utilize o usuário root sem senha. Localmente, essa configuração é aceitável por conveniência, mas criar um usuário dedicado com senha mesmo no ambiente local é uma prática que prepara o desenvolvedor para os procedimentos corretos de segurança em produção.

Boas práticas ao trabalhar com servidor local

Manter a versão do PHP no servidor local alinhada com a versão utilizada pelo servidor de produção é fundamental para evitar surpresas no momento do deploy. Uma aplicação que funciona perfeitamente no PHP 8.2 local pode apresentar erros em um servidor de produção que ainda roda PHP 7.4.

Fazer backup regular do banco de dados local, exportando os arquivos SQL pelo phpMyAdmin, preserva o trabalho acumulado em caso de problemas com o ambiente de desenvolvimento. Versionar o código com Git desde o início do projeto, mesmo em ambiente local, cria um histórico de alterações que facilita a identificação de regressões e o retorno a versões estáveis.

Utilizar arquivos .env para armazenar as credenciais de banco de dados e outras configurações sensíveis, mesmo em ambiente local, cria o hábito correto de separar configuração de código, tornando a migração para produção mais simples e segura.

Perguntas Frequentes

1. É possível acessar o servidor local de outro dispositivo na mesma rede?

Sim. Por padrão, o servidor local responde apenas a requisições do próprio computador pelo endereço 127.0.0.1. Para acessar de outro dispositivo na mesma rede Wi-Fi, descubra o endereço IP local do computador executando ipconfig no Windows ou ip addr no Linux, e acesse esse endereço seguido da porta pelo dispositivo externo, como 192.168.1.100:8080. Pode ser necessário criar uma regra no firewall do Windows para permitir conexões de entrada na porta utilizada pelo Apache.

2. O servidor local afeta o desempenho do computador quando está ativo?

O impacto no desempenho é mínimo durante o uso normal do computador, especialmente com ferramentas como o Laragon, que iniciam o servidor apenas quando o aplicativo está aberto. O XAMPP instala o Apache e o MySQL como serviços do Windows que iniciam automaticamente com o sistema, o que representa um consumo contínuo pequeno de memória RAM.

Configurar esses serviços para não iniciar automaticamente, optando por iniciá-los manualmente apenas quando necessário, elimina esse consumo em momentos de não uso.

3. Qual a diferença entre usar um servidor local e um ambiente Docker para desenvolvimento?

O servidor local com XAMPP ou Laragon é mais simples de configurar e indicado para desenvolvedores individuais que trabalham em projetos com configurações padrão. O Docker permite criar ambientes isolados e reproduzíveis que replicam com precisão o servidor de produção, sendo ideal para equipes que precisam garantir que todos os desenvolvedores trabalham no mesmo ambiente, independentemente do sistema operacional. Para quem está começando ou trabalha sozinho, o servidor local tradicional oferece a mesma funcionalidade com menos complexidade de configuração.

Conclusão Sobre Configurar um Servidor Local

Configurar um servidor local no computador para testar sites é uma habilidade fundamental para qualquer pessoa que desenvolve para a web, independentemente do nível de experiência. As ferramentas disponíveis hoje tornam esse processo acessível e rápido: o XAMPP para quem busca uma solução consolidada e amplamente documentada, o Laragon para quem valoriza leveza e domínios automáticos no Windows, o Live Server para projetos front-end simples e o Node.js para quem trabalha com frameworks JavaScript modernos.

Trabalhar localmente elimina custos de hospedagem durante o desenvolvimento, acelera o ciclo de testes e correções, e garante que nenhum código experimental seja exposto ao ambiente de produção antes de estar devidamente validado. Com o ambiente correto configurado, o foco permanece onde deve estar: no código e na qualidade do produto final.

O que você aprendeu neste artigo:

configurar um servidor local no computador para testar sites Palavras-chave semânticas utilizadas: servidor local para desenvolvimento web, XAMPP Windows, Laragon servidor local, localhost WordPress, Apache local, PHP local Windows, MySQL local desenvolvimento, WAMP servidor local, ambiente de desenvolvimento local, testar site sem hospedagem, servidor local Linux, instalar PHP no Windows, Node.js servidor local, live server VS Code