Como a web funciona — por trás de cada site que você visita
O caminho que um clique percorre até virar uma página na sua tela.
O que acontece quando você abre um site
Domínio e DNS
IP e porta
Reverse proxy
00 — CLIENTE E SERVIDOR
Um pedido e uma resposta, entre duas máquinas
Toda vez que você abre um site, o seu navegador — o cliente — envia um pedido pra uma máquina que fica ligada em algum lugar, esperando por exatamente esse tipo de pedido: o servidor. O servidor recebe, processa e devolve uma resposta, que é o conteúdo que aparece na sua tela. Toda a web funciona sobre esse ciclo de pedido e resposta, repetido bilhões de vezes por segundo.
Metáfora: pense num restaurante. Você (cliente) diz ao garçom o que quer; o garçom leva o pedido até a cozinha (servidor), que prepara o prato e manda de volta. Você não precisa saber como a cozinha funciona por dentro — só precisa fazer o pedido e receber a resposta.
No dia a diaToda vez que você abre um app de rede social, ele "pede" pro servidor os posts mais recentes, e o servidor "responde" com essa lista.
No seu projetoQuando um aluno abre o Enf Pró Cards, o navegador dele pede pro seu servidor os flashcards daquele momento, e o servidor responde com os dados.
reconhecer 1 — cliente e servidorpendente
Qual das opções abaixo representa corretamente o papel do 'cliente' numa relação cliente-servidor?
AO navegador do usuário, que envia o pedido e mostra a resposta
BA máquina que fica ligada o tempo todo, esperando pedidos chegarem
CO cabo que liga as duas pontas da conexão
01 — DOMÍNIO E DNS
Um nome fácil de lembrar, traduzido pra um número
Os computadores só conseguem se encontrar de verdade através de um endereço numérico, o IP. Como ninguém memoriza uma sequência de números pra cada site que visita, existe o domínio— o nome fácil de lembrar, como "pntm.com.br". O DNS é o sistema que faz essa tradução: toda vez que você digita ou clica num domínio, o DNS descobre, nos bastidores, qual é o IP real daquele servidor.
Metáfora: é como ligar pra uma central de informações e dizer o nome de uma loja — o atendente procura e te devolve o número de telefone real, que é o que o seu aparelho realmente disca.
No dia a diaVocê não precisa saber o número de telefone de uma pizzaria pra ligar — só o nome. A internet funciona parecido: você digita "pntm.com.br", e o DNS descobre o número (IP) daquele servidor por trás dos panos.
No seu projetoQuando você comprou o domínio pntm.com.br e apontou ele pro IP da sua VPS na Hostinger, foi exatamente essa tradução que você configurou no DNS.
reconhecer 2 — DNSpendente
Qual é a função do DNS?
ATraduzir um nome de domínio fácil de lembrar para o endereço IP da máquina real
BGuardar o conteúdo do site
CCriptografar a conexão entre cliente e servidor
02 — IP E PORTA
O endereço do prédio, e o número do apartamento
O IP identifica qual máquina, na internet inteira, deve receber um pedido — mas uma única máquina pode rodar vários programas diferentes ao mesmo tempo. Só o IP não diz qual desses programas deve atender. A porta é um número adicional que identifica, dentro daquele mesmo endereço, qual programa específico deve responder. As portas 80 e 443 são as mais comuns da web (a segunda, com criptografia) — mas qualquer programa pode escutar numa porta escolhida, como 3000, 3001, 3002...
Metáfora: o IP é o endereço do prédio; a porta é o número do apartamento. Duas pessoas podem morar no mesmo prédio, em apartamentos diferentes — pra uma encomenda chegar no lugar certo, o número do apartamento é obrigatório.
No dia a diaUm mesmo prédio comercial pode ter várias empresas, cada uma numa sala numerada — o endereço do prédio é o mesmo, o que muda é o número da sala.
No seu projetoA sua VPS Hostinger roda vários projetos seus ao mesmo tempo — cada um escutando numa porta interna diferente (3000, 3001, 3002...), todos compartilhando o mesmo IP.
reconhecer 3 — IP e portapendente
Duas aplicações diferentes rodam na mesma VPS, com o mesmo IP. O que diferencia pra qual delas um pedido deve chegar?
AA porta
BA cor do site
CO navegador usado pelo visitante
03 — REVERSE PROXY
O porteiro que recebe todo mundo na mesma porta e distribui internamente
Na prática, os navegadores sempre se conectam pelas portas padrão (80 ou 443), mesmo quando o servidor hospeda várias aplicações diferentes, cada uma numa porta interna própria. Um reverse proxy — como o Nginx — é um programa que fica na frente de tudo, recebe todos os pedidos externos numa única porta pública e decide, com base no domínio pedido, pra qual porta interna repassar aquele pedido. É graças a ele que vários sites diferentes convivem na mesma VPS, cada um com seu próprio domínio, sem o visitante nunca precisar saber (ou digitar) a porta interna real.
Metáfora: pense na recepção de um prédio comercial com várias empresas. Todo visitante entra pela mesma porta da frente, e o porteiro pergunta quem ele veio visitar, direcionando pra sala certa — sem o visitante precisar conhecer o corredor interno do prédio.
No seu projetoNa sua VPS, o Nginx é esse "porteiro" — todo pedido pra pntm.com.br chega na porta 443, e o Nginx repassa internamente pra porta 3002, onde o processo do PM2 do Saindo do Zero está de fato escutando.
Por que isso importaÉ por causa do reverse proxy que você consegue rodar vários domínios e projetos diferentes na mesma VPS, todos usando HTTPS na porta 443, sem conflito entre eles.
reconhecer 4 — reverse proxypendente
Qual é a função de um reverse proxy como o Nginx?
AReceber os pedidos externos numa porta pública e repassar internamente pra porta certa, dependendo do domínio pedido
BGuardar uma cópia do banco de dados
CTraduzir o nome de domínio pro endereço IP
04 — desafio final do módulo 3:Um visitante digita "pntm.com.br" no navegador. Qual é a ordem correta do caminho que esse pedido percorre até a página aparecer na tela dele?
desafio finalpendente
Escolha a alternativa que descreve corretamente essa ordem.
AO DNS traduz o nome pro IP → o pedido chega na porta 443 da VPS → o Nginx (reverse proxy) repassa pra porta interna certa → a aplicação responde → o navegador mostra a página
BO servidor manda a página direto, sem precisar de IP nem de porta
CO Nginx traduz o domínio pro IP, e só depois o DNS decide a porta