[Primeiros Passos em PHP] O que é uma Linguagem do Lado do Servidor? Vamos Criar um Site Dinâmico com PHP!
"Meu site é sempre o mesmo e um pouco chato..."
"Seria legal se eu pudesse mudar a mensagem que se mostra dependendo da hora ou do dia da semana!"
Se você já se acostumou a criar páginas estáticas com HTML e CSS, o próximo passo inevitável para avançar é o mundo das "linguagens do lado do servidor". E o representante por excelência deste mundo é o PHP, que começaremos a aprender a partir de hoje.
É natural ter perguntas como "O que significa 'lado do servidor'?" ou "Qual a diferença para o JavaScript?". Em poucas palavras, o PHP é como um programador que trabalha nos "bastidores" do seu site. Cada vez que um usuário acessa uma página, o PHP trabalha no servidor para criar instantaneamente uma "página HTML finalizada" e adaptada para aquele momento, e depois a entrega ao navegador do usuário.
Neste artigo, deixaremos de lado as explicações complicadas e criaremos um programa simples que "exibe uma citação diferente para cada dia da semana" apenas copiando e colando. Vamos dar juntos o primeiro passo no PHP e na programação do lado do servidor, experimentando aquele momento de "Funcionou! Mudou!"!
Preparação para Executar o PHP (Ambiente de Desenvolvimento)
Diferente de HTML e CSS, o PHP não funcionará simplesmente clicando duas vezes no arquivo e abrindo-o no navegador. É necessário um ambiente chamado "servidor" que possa interpretar e executar o código PHP.
Você pode pensar "preparar um servidor parece difícil...", mas não se preocupe! Hoje em dia, existem softwares gratuitos e convenientes como o "XAMPP" ou o "MAMP" que instalam tudo o que você precisa de uma só vez. Com eles, você pode construir um servidor de prática (um ambiente de desenvolvimento local) no seu computador com apenas alguns cliques.
Se você ainda não configurou o XAMPP, consulte [PHP para Iniciantes] Guia completo para baixar e instalar o XAMPP. Após a instalação, coloque seus arquivos PHP na pasta especificada (como `htdocs`) e pronto!
O Básico do PHP: Vamos Começar Exibindo a Hora Atual
O código PHP é escrito dentro do HTML, envolvendo-o em tags especiais: <?php ... ?>. Apenas o código dentro dessas tags será executado pelo servidor.
Primeiro, vamos escrever o programa mais simples: "exibir a hora atual". O PHP fornece um comando chamado echo para imprimir texto e uma função útil chamada date() para obter a data e a hora atuais.
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Teste de PHP</title>
</head>
<body>
<p>A hora atual do servidor é: <?php echo date('d/m/Y H:i:s'); ?></p>
</body>
</html>
Tente salvar este código com um nome como teste.php, coloque-o em seu ambiente de servidor como o XAMPP e acesse-o em seu navegador. Cada vez que você recarregar a página, os segundos devem ser atualizados. Esta é a prova de que o PHP está gerando HTML de forma "dinâmica"!
O Prato Principal: Exibindo uma 'Frase do Dia' Diferente para Cada Dia
Agora que você conseguiu exibir a hora, é o momento do tema principal de hoje: criar uma função de "Frase do Dia".
O fluxo do processo que queremos alcançar é o seguinte:
- Primeiro, preparar as mensagens para cada dia da semana em um "array".
- Usar a função
date()para obter o dia da semana de hoje. - Usar o dia da semana como chave para obter a mensagem de hoje do array.
- Exibir a mensagem obtida com
echo.
Um "array" é como uma caixa conveniente que pode guardar múltiplos dados, organizados por um nome ou número. Vamos dar uma olhada no código.
<?php
// Definir o fuso horário para São Paulo
date_default_timezone_set('America/Sao_Paulo');
// Armazenar as mensagens para cada dia em um array associativo
$mensagens = [
'Sun' => 'A melhor maneira de prever o futuro é inventá-lo. - Alan Kay',
'Mon' => 'O caminho para o sucesso e o caminho para o fracasso são quase exatamente os mesmos. - Colin R. Davis',
'Tue' => 'A ação é a verdadeira medida da inteligência. - Napoleon Hill',
'Wed' => 'No meio da dificuldade encontra-se a oportunidade. - Albert Einstein',
'Thu' => 'Qualquer um que para de aprender é velho, seja aos vinte ou aos oitenta. - Henry Ford',
'Fri' => 'Leva-se muito tempo para se tornar jovem. - Pablo Picasso',
'Sat' => 'Descansar não é vadiagem... não é de modo algum uma perda de tempo. - John Lubbock'
];
// Obter o dia da semana de hoje como abreviação em inglês (Sun, Mon...)
$hoje_abrev_en = date('D');
// Obter a mensagem correspondente ao dia da semana de hoje
$mensagem_de_hoje = $mensagens[$hoje_abrev_en];
?>
Esta é a parte da lógica do PHP que decide a mensagem. Ele obtém o dia da semana com date('D') (ex: 'Sun', 'Mon', etc.) e extrai a mensagem correspondente do array.
A Versão Final: Uma Página de 'Frase do Dia' que Funciona com Copiar e Colar
Agora, vamos combinar a lógica PHP que acabamos de criar com HTML para fazer uma página completa.
【IMPORTANTE】Copie todo o código abaixo e crie um arquivo chamado frase.php. Em seguida, coloque esse arquivo na pasta designada do seu XAMPP ou MAMP (como htdocs) и acesse-o em seu navegador através de uma URL como http://localhost/frase.php.
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Frase do Dia</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f2f5; }
.quote-card { background-color: white; padding: 2rem 3rem; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.12); text-align: center; max-width: 600px; min-width: 500px;}
.quote-day { font-size: 1.5rem; font-weight: bold; color: #007bff; }
.quote-message { font-size: 1.2rem; color: #333; margin-top: 1rem; line-height: 1.8; }
</style>
</head>
<body>
<?php
// Definir o fuso horário (ex. São Paulo)
date_default_timezone_set('America/Sao_Paulo');
// Armazenar as mensagens para cada dia em um array
$mensagens = [
'Sun' => 'A melhor maneira de prever o futuro é inventá-lo. - Alan Kay',
'Mon' => 'O caminho para o sucesso e o caminho para o fracasso são quase exatamente os mesmos. - Colin R. Davis',
'Tue' => 'A ação é a verdadeira medida da inteligência. - Napoleon Hill',
'Wed' => 'No meio da dificuldade encontra-se a oportunidade. - Albert Einstein',
'Thu' => 'Qualquer um que para de aprender é velho, seja aos vinte ou aos oitenta. - Henry Ford',
'Fri' => 'Leva-se muito tempo para se tornar jovem. - Pablo Picasso',
'Sat' => 'Descansar não é vadiagem... não é de modo algum uma perda de tempo. - John Lubbock'
];
// Obter o dia da semana de hoje (ex. 'Sun', 'Mon', etc.)
$hoje_abrev_en = date('D');
// Obter a mensagem de hoje
$mensagem_de_hoje = $mensagens[$hoje_abrev_en];
?>
<div class="quote-card">
<p class="quote-day">Uma Frase para Você Hoje</p>
<p class="quote-message">"<?php echo $mensagem_de_hoje; ?>"</p>
</div>
</body>
</html>
Você conseguiu exibi-lo em seu navegador? Quando o dia mudar, a citação exibida também mudará automaticamente. Este é o poder da linguagem do lado do servidor PHP!
Pontos de Atenção e Aplicações
Configuração do Fuso Horário
A função date() retorna a data e a hora com base nas configurações do servidor. Isso está bem se o servidor estiver no seu fuso horário, mas se você usar um servidor em outro país, a hora estará errada. Para evitar isso, é uma boa prática especificar explicitamente seu fuso horário no topo do seu arquivo PHP, assim: date_default_timezone_set('America/Sao_Paulo');.
Personalize as Mensagens Você Mesmo
Tente alterar o conteúdo do array $mensagens para suas próprias citações ou mensagens favoritas. Também é uma ótima ideia alterar o design da parte HTML com CSS. Transformar o código copiado e colado em seu próprio conteúdo original torna o aprendizado ainda mais divertido.
Resumo
Ótimo trabalho! Neste primeiro passo no mundo do PHP, aprendemos o seguinte:
- Que o PHP é uma linguagem do lado do servidor que é executada no servidor para gerar HTML dinamicamente.
- Que você precisa de um ambiente de desenvolvimento como o XAMPP para executar o PHP.
- Que você escreve código dentro das tags
<?php ... ?>e usaechopara imprimir texto. - Que você pode criar um programa simples que muda seu conteúdo com base no dia da semana usando a função
date()e arrays.
Por favor, lembre-se da emoção de criar "mudança" com suas próprias mãos — algo que não era possível apenas com HTML estático. Este pequeno passo abrirá a porta para o vasto mundo do desenvolvimento de aplicações web.
Da próxima vez, aprenderemos mais sobre as regras básicas do PHP: "variáveis" e "tipos de dados"!