XAMPP é um pacote multiplataforma contendo: o Servidor HTTP Apache, o banco de dados MySQL, o interpretador PHP e o interpretador Perl. A palavra "XAMPP" é um acrônimo, onde o "X" substitui W, M ou L (Windows, Mac e Linux) dando o significado de multiplataforma; as outras letras do acrônimo apontam para cada um de seus componentes.
O XAMPP é uma maneira rápida e confiável de configurar um ambiente de programação PHP. Ele provê todos os componentes requeridos para desenvolver, executar, depurar e testar aplicações PHP. XAMPP é uma boa alternativa a instalar e configurar um servidor web, um interpretador PHP, um servidor de banco de dados e um depurador separadamente. Tudo o que você precisa para começar a desenvolver é baixar, instalar e inicializar os componentes do XAMPP através de seu painel de controle.
Requisitos
Antes de começar, uma das seguintes ferramentas devem estar instaladas em seu sistema:
- PhpStorm
- IntelliJ IDEA Ultimate Edition
- No caso do IntelliJ IDEA você deve também:
- Habilitar o plugin Remote Hosts Access (instalado e habilitado por padrão no IntelliJ IDEA e no PhpStorm)
- O plugin PHP deve estar instalado e habilitado
- No caso do IntelliJ IDEA você deve também:
Escolhendo a edição correta do XAMPP
A partir do site Apache friends, nós podemos baixar a edição do XAMPP de acordo com nossa plataforma e sistema operacional. As seguintes versões estão disponíveis:
- XAMPP for Windows (32 bit)
- XAMPP for Linux (32 e 64 bit)
- XAMPP for OS X (64 bit)
Você ainda pode encontrar versões mais antigas e para outros sistemas operacionais neste link.
XAMPP para Windows
Neste tutorial vamos usar a ultima versão do XAMPP, a 1.8.3.
Baixando o instalador do XAMPP
A partir da página de downloads do XAMPP, podemos encontrar uma lista de componentes que estão inclusos no pacote clicando em "O que está incluido?".
Faça o dowload clicando em Download e execute o arquivo baixado.
Executando o instalador do XAMPP
Dependendo da configuração, é possível que receba esta notificação ao executar o instalador:
Este aviso pode ser ignorado na maioria das situações; confira a documentação para mais informações.
Outro alerta que pode aparecer dependendo de sua configuração é esse:
Se você tem UAC (ou Controle de Acesso de Usuário) habilitado em seu Windows Vista, Windows 7 ou Windows 8, é recomendado que você não instale o XAMPP no diretório Program Files (ou Arquivos de Programas).
Assistente de instalação do XAMPP
O assistente de instalação do XAMPP é bem intuitivo. Usando o botão Next (Próximo) você pode navegar por todos os passos da instalação.
Um dos passos onde se faz necessária a interação é o de Seleção de Componentes (Select Components). Neste passo devemos especificar quais componentes nós queremos instalar com o XAMPP:
Dependendo de nossos planos, podemos adicionar ou remover determinados componentes aqui. Para trabalhar com PHP, podemos simplesmente selecionar o Apache, o MySQL (se formos trabalhar com bancos de dados) e o PHP. Outros componentes podem ser úteis, como o Fake Sendmail que vai simular um servidor de emails para ser usado durante o desenvolvimento.
No próximo passo devemos especificar o diretório de instalação. Usaremos o diretório sugerido pelo instalador: c:\xampp.
Clicando em Next novamente todos os componentes necessários serão extraídos para o diretório especificado.
Após extrair e instalar todos os arquivos, podemos executar o painel de controle do XAMPP. É possível, dependendo de suas configurações, que você configure novas regras no seu Firewall.
Quando a instalação terminar, mantenha o checkbox marcado e pressione o botão Finish (terminar) para completar a instalação.
Painel de Controle do XAMPP
Após a instalação, podemos usar o Painel de controle do XAMPP para realizar algumas ações como iniciar ou parar os servidores e até mesmo modificar as configurações.
Iniciando e parando os servidores
Para iniciar um servidor em específico, clique no botão Start
próximo a ele. Para parar um servidor rodando, podemos usar o botão Stop
. Vamos iniciar o Apache clicando em seu botão Start
.
Dependendo das configurações de seu sistema, a inicialização do Apache pode falhar. Neste caso, verifique se não há outro software escutando as portas 80 e 443. Outros web servers, como o IIS podem estar usando estas portas, assim como o Skype ou outro serviço de rede. Feche ou altere a configuração desses programas e tente novamente. Caso o problema persista procure alterar as configurações do Apache no XAMPP para que ele escute portas diferentes e lembre-se de considerar essa mudança para o restante do tutorial.
Iniciando um servidor como um Servicço do Windows
Por padrão nenhum dos servidores no XAMPP são instalados como Serviços do Windows. Isso significa que a única maneira de usarmos estes servidores é iniciando-os manualmente pelo Painel de Controle do XAMPP.
Se quisermos rodar estes servidores como Serviços do Windows sempre que sistema for iniciado, devemos abrir o Painel de Controle do XAMPP como administrador e parar o servidor clicando em Stop
.
Uma vez parado, podemos clicar no X vermelho próximo ao servidor que queremos instalar como Serviço do Windows. Por exemplo, para que instalemos o Apache como Serviço do Windows, clicamos no X correspondente, na coluna Service, e confirmamos clicano em Yes no próximo diálogo.
Se a instalação ocorrer com êxito, o servidor agora exibirá um "check" verde, indicando que agora ele está rodando como Serviço do Windows.
Note que ainda podemos parar e iniciar os servidores usando os botões no Painel de Controle do XAMPP, mas agora como Serviços.
Integrando o XAMPP com o PhpStorm
Agora que instalamos o XAMPP e executamos seus componentes, precisamos informar ao nosso IDE onde estes componentes estão armazenados e como eles estão configurados.
Integrando o executável do PHP
Vamos começar registrando o executável PHP do XAMPP no PhpStorm. Em um projeto PHP podemos fazê-lo através das configurações em File → Settings (Shift
+ Cmd/Ctrl
+ S
) e acessando Project Settings → PHP lá.
Com o IntelliJ IDEA e o PhpStorm podemos registrar vários interpretadores PHP diferentes, de acordo com a necessidade de seu projeto. Todos os interpretadores PHP registrados são mostrados no campo Interpreter:
Podemos adicionar o interpretador instalado com o XAMPP clicando no botão de navegar (…), que nos leva à janela de interpretadores (Interpreters).
- No painel da esquerda clique em Adicionar ("+" verde).
- No campo Name, insira um nome para identificar esta instalação, por exemplo: PHP no XAMPP.
- No campo PHP Home, especifique o diretório onde o executável PHP está. Como instalamos o XAMPP em c:\xampp o diretório home para o PHP deve ser C:\xampp\php. Podemos inserir manualmente esse caminho no campo ou usar o botão de navegar para encontrar esse caminho na árvore de diretórios de seu sistema.
- O IDE verifica se o diretório especificado contém um executável PHP, detecta sua versão e o exibe neste painel.
Agora podemos gravar esta configuração clicando em OK e selecionar este o interpretador que acabamos de criar para nosso projeto:
Nosso IntelliJ IDEA ou PhpStorm agora pode usar a instalação feita pelo XAMPP.
Integrando o depurador
O PhpStorm oferece um podereso depurador no qual podemos configurar breakpoints e variáveis podem ser inspecionadas em tempo de execução. Para mais informações sobre depuração leia os seguintes artigos (em inglês):
- Zero-configuration Web Application Debugging with Xdebug and PhpStorm
- Xdebug Installation Guide
- Zend Debugger Installation Guide
Integrando o servidor Apache
A interação entre o IntelliJ IDEA ou o PhpStorm com servidores Web, FTP e outros é suportada através do plugin embutido Remote Hosts Access, que é habilitado por padrão no IntelliJ IDEA e no PhpStorm. O IDE acessa os servidores usando os parâmetros das configurações de acesso a servidores registrados. Essas configurações são criadas e gerenciadas na página Project Settings → Deployment no painel de configurações.
Acesse File → Settings no menu principal para abrir as configurações e selecione Deployment.
Neste painel, clique em Adicionar (Add, o "+" verde) para adicionar um novo servidor. No diálogo Add Server podemos especificar um nome para nosso servidor XAMPP e selecionar o tipo de deployment. Para o servidor Apache do XAMPP, selecione o tipo Local or mounted folder.
Após clicar em OK, devemos especificar o diretório raiz para web do Apache (C:\xampp\htdocs) e a URL do servidor web, http://localhost. Veja que estas configurações podem ser diferentes dependendo de como você configurou o servidor Apache do XAMPP no arquivo de configurações C:\xampp\apache\conf\httpd.conf.
Usando o botão Open podemos verificar se as configurações de URL estão corretas. Uma vez feito, podemos visualizar a homepage do XAMPP.
Integrando o servidor MySQL
O IntelliJ IDEA e o PhpStorm proveem a possibilidade de conectar ao servidor MySQL do XAMPP usando a ferramenta de banco de dados embutida. Antes de mais nada, certifique-se que o servidor MySQL esteja rodando a partir do Painel de Controle do XAMPP:
Em seguida, a partir do menu principal acesse View → Tool Windows → Database para exibir o painel de Banco de Dados (Database). Você também pode sempre acessá-lo pela margem direita do IDE.
Abrindo o painel de bancos de dados, podemos criar uma nova conexão ou fonte de dados (Data Source) usando o menu de contexto. O IDE usa drivers JDBC para se conectar aos bancos de dados. Para MySQL podemos usar o driver MySQL Connector, que não é instalado jundo com o PhpStorm mas com um clique (em Download MySQL driver files na parte de baixo da janela de configuração) o IDE faz o download automaticamente do driver correto da internet.
Agora devemos configurar nossa conexão. Mantenha os campos Host com localhost e Port com 3306. A URL de banco de dados, necessária para o driver, é preenchida automaticamente. Se desejar futuramente, você pode já declarar um schema (database) para que o PhpStorm conecte-se diretamente a ele. Devemos também especificar o usuário e senha para o MySQL. Na instalação padrão do XAMPP são configurados como root (usuário) e senha em branco; preencha os campos User e Password com esses dados. Lembre-se que é recomendado alterar usuário e senha após a instalação do XAMPP. Isso pode ser feito através de http://localhost/security/xamppsecurity.php.
Usando o botão Test Connection, podemos verificar se as configurações estão corretas e ter certeza que o PhpStorm, ou IntelliJ IDEA, podem se conectar ao MySQL.
Agora podemos criar tabelas, executar consultas SQL, atualizar dados e muito mais. Veja este post de blog (em inglês) para mais informação.