Skip to end of metadata
Go to start of metadata

Este tutorial vai guiá-lo desde escolher e baixar a edição apropriada do XAMPP, instalar o pacote, começar com os seus componentes e integrá-lo ao PhpStorm.


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:

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).

  1. No painel da esquerda clique em Adicionar ("+" verde).
  2. No campo Name, insira um nome para identificar esta instalação, por exemplo: PHP no XAMPP.
  3. 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.
  4. 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):

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.

Icon

Se for a primeira vez que estiver utilizando uma senha no PhpStorm ou IntelliJ IDEA, o IDE lhe dará a opção de guardar todas as senhas com uma "senha mestra". Basta seguir os diálogos e configurar uma senha única para acessar qualquer serviço protegido que configure de agora em diante.

  • No labels