Editor de PHP online: como rodar PHP no navegador

Dá para escrever e rodar PHP direto no navegador, sem instalar servidor, sem instalar PHP e sem configurar nada. A tecnologia que permite isso se chama WebAssembly: o interpretador do PHP foi compilado para um formato que o navegador entende, então o código roda na sua própria máquina, dentro da aba aberta. Você digita, aperta executar e vê a saída na hora — do mesmo jeito que veria num terminal.

Para quem está começando, isso resolve o problema mais chato dos primeiros dias. Muita gente desiste de aprender programação na etapa de instalar as ferramentas, antes de escrever a primeira linha: um download que não abre, uma porta ocupada, um antivírus reclamando, um tutorial de dois anos atrás com telas que não existem mais. Nada disso ensina lógica, e tudo isso cansa.

Este guia explica como o PHP no navegador funciona, o que ele faz bem, onde ele não serve, e quando vale a pena instalar o ambiente de verdade na sua máquina.

Como o PHP roda dentro do navegador

Normalmente, PHP é uma linguagem de servidor: você envia o arquivo para uma máquina que tem o PHP instalado, ela executa e devolve o resultado. O editor no navegador inverte isso. O interpretador inteiro do PHP — o programa que lê o seu código e executa — foi traduzido para WebAssembly, um formato que os navegadores modernos sabem rodar com desempenho próximo ao de um programa nativo.

Na prática, o navegador baixa esse interpretador uma vez, do mesmo jeito que baixa uma imagem ou uma fonte, e a partir daí executa o seu código localmente. Duas consequências importantes:

• O seu código não é enviado para servidor nenhum para ser executado. Ele roda na sua máquina, dentro da aba.
• Não existe nada para instalar ou desinstalar. Fechou a aba, acabou. Serve em computador de laboratório com acesso restrito, que é o caso da maioria das escolas.

A primeira execução pode demorar alguns segundos, porque o interpretador precisa ser baixado. Depois disso, rodar um programa curto é instantâneo.

O que dá para fazer

Tudo que envolve lógica, sintaxe e saída de texto funciona normalmente. Um primeiro programa completo:

<?php

$nome = 'Marcos';
$precoCafe = 25.90;

echo 'Olá, ' . $nome . "!\n";
echo 'O pacote de café custa R$ ' . number_format($precoCafe, 2, ',', '.') . "\n";

Saída:

Olá, Marcos!
O pacote de café custa R$ 25,90

Entrada de dados também funciona. O readline(), que no terminal lê o que a pessoa digita, no editor do navegador abre um campo para a resposta e devolve o texto para o programa:

<?php

echo 'Valor da conta de luz: ';
$valorConta = (float) readline();

echo 'Quantas pessoas dividem: ';
$pessoas = (int) readline();

$porPessoa = $valorConta / $pessoas;

echo 'Cada um paga R$ ' . number_format($porPessoa, 2, ',', '.') . "\n";

Digitando 187.50 e depois 3:

Valor da conta de luz: 187.50
Quantas pessoas dividem: 3
Cada um paga R$ 62,50

Resumindo o que cabe no navegador: variáveis e tipos, operações matemáticas, condicionais, laços, listas, funções, manipulação de texto, datas e entrada pelo teclado. Isso cobre praticamente todo o conteúdo de um curso de lógica e de introdução à linguagem — e é bastante coisa. Se você ainda vai escrever a primeira linha, comece pelo guia de variáveis em PHP e depois passe para os exercícios de lógica com resposta, que rodam inteiros num editor desses.

O que não dá para fazer

Ser honesto sobre os limites evita frustração mais adiante:

• Banco de dados. Conectar em MySQL ou PostgreSQL exige um servidor de banco rodando em algum lugar. O navegador não tem isso.
• Arquivos do seu computador. Por segurança, a página não enxerga as suas pastas. Ler e gravar arquivo de verdade fica para o ambiente instalado.
• Publicar um site. O que roda ali é seu e só seu; ninguém acessa o resultado por um endereço.
• Projeto grande com dezenas de arquivos e dependências. Composer, frameworks e estrutura de pastas pedem ambiente local.
• E-mail, agendamento, integração com outros sistemas. Tudo isso é papel do servidor.

Nada disso aparece no primeiro mês de estudo. Quando aparecer, você já vai ter lógica firme o bastante para encarar a instalação sem que ela seja o obstáculo principal do dia.

Navegador ou instalar na máquina?

Repare que as duas colunas não competem: cada uma ganha em uma etapa diferente do aprendizado. Quem está aprendendo o que é uma variável não precisa de banco de dados. Quem está construindo um sistema de cadastro não vai conseguir fazer isso no navegador.

O caminho que faz sentido para iniciante

A recomendação prática é: navegador primeiro, instalação quando chegar em projeto. Isso significa passar as primeiras semanas — lógica, condicionais, laços, listas, funções — escrevendo e rodando na aba do navegador, sem gastar um minuto com configuração. Quando o assunto virar "guardar dados", "montar um site com várias páginas" ou "trabalhar com um framework", aí sim vale parar um dia inteiro para montar o ambiente local direito.

Nessa hora, a instalação também fica mais fácil, por um motivo simples: você já entende o que é interpretador, o que é servidor e o que é arquivo de configuração. As mesmas telas que assustavam no primeiro dia passam a fazer sentido.

Um cuidado só: como o editor do navegador vive numa aba, salve o que você escreveu em algum lugar. Copiar o código para um arquivo de texto no seu computador ou para um caderno de anotações resolve. Perder o exercício que deu trabalho porque a aba fechou é um jeito bobo de desanimar.

O editor do Aulab como exemplo real

No Aulab, o editor de PHP roda dentro do navegador exatamente com essa tecnologia, e ele não fica solto: está dentro do exercício. O aluno lê o enunciado, escreve o código na mesma tela, executa, confere a saída e envia. Do outro lado, o professor abre a entrega, vê o código e a saída, e aprova ou devolve com um comentário pedindo o ajuste — o aluno corrige e reenvia sem perder o histórico.

É a diferença entre um editor online avulso e um editor dentro de uma turma. O avulso resolve "rodar o código"; dentro da turma, ele fecha o ciclo de postar a aula, liberar o exercício, fazer, corrigir e devolver. Se você dá aula de programação e quer testar isso com uma turma, dá para criar uma conta e montar a primeira em poucos minutos.

Perguntas frequentes

Preciso de internet para usar um editor de PHP no navegador?

Precisa para abrir a página e baixar o interpretador na primeira vez. Depois disso a execução do seu código acontece na sua máquina, então uma oscilação de conexão não interrompe o programa que está rodando. Não conte com uso totalmente offline, mas conte com um consumo de rede pequeno depois do carregamento inicial.

O código que eu escrevo é enviado para algum servidor?

A execução acontece no seu próprio navegador, não em um servidor remoto. O que pode ser enviado é o texto do seu código, quando você entrega um exercício e o professor precisa ver o que você escreveu — isso é envio de conteúdo, não execução remota.

Dá para conectar em banco de dados MySQL pelo navegador?

Não. Banco de dados exige um servidor de banco rodando e uma conexão de rede que o navegador não faz por questões de segurança. Quando o seu estudo chegar em banco, é o momento certo de montar o ambiente local ou usar uma hospedagem.

Vale a pena instalar o XAMPP para aprender lógica?

Para aprender lógica, não. XAMPP resolve um problema que você ainda não tem — servidor web mais banco de dados na mesma máquina. Ele passa a valer a pena quando o assunto for site com várias páginas, formulário gravando dados e projeto com framework.

O readline funciona no editor do navegador?

Funciona nos editores preparados para isso, incluindo o do Aulab: em vez de esperar digitação no terminal, o editor abre um campo para você responder e devolve o texto para o programa. Lembre que o valor chega sempre como texto, então converta com (int) ou (float) antes de fazer conta.