O que é hospedagem de site (e como funciona)

Um site é um conjunto de arquivos: HTML, CSS, JavaScript, imagens e, em sites dinâmicos, código que roda no servidor. Enquanto esses arquivos estão só no seu computador, só você os vê. Para qualquer pessoa abrir o site, eles precisam estar numa máquina ligada o tempo todo e acessível pela internet.

A hospedagem é o serviço que fornece essa máquina, a rede e a energia para manter o site no ar. Entender o que ela faz ajuda a escolher o tipo certo e a diagnosticar problemas quando o site cai ou fica lento.

O que é hospedagem de site, na prática?#

Segundo a MDN, um servidor web é um computador com um software HTTP que entende URLs e o protocolo HTTP, o mesmo que o navegador usa. Ele recebe um pedido, encontra o documento e o devolve. Se o documento não existe, responde com 404.

Hospedar é guardar os arquivos do site num servidor assim. A MDN lista por que um servidor dedicado a isso é melhor que o seu notebook: costuma ficar sempre conectado, pode ter um endereço IP fixo (nem todo provedor residencial oferece) e costuma ser mantido por terceiros.

Como funciona do clique à página?#

Quando você digita exemplo.com no navegador, acontece uma sequência curta:

1. O navegador pergunta ao DNS qual IP corresponde ao nome. O DNS é o sistema que traduz nomes em endereços, descrito na RFC 1034. Veja mais em O que é DNS e como funciona.
2. O navegador abre uma conexão com esse IP, normalmente com HTTPS, que criptografa a comunicação (SSL/TLS).
3. Ele envia um pedido HTTP, por exemplo GET /sobre.
4. O servidor de hospedagem lê o arquivo (ou executa o código que gera a página) e devolve a resposta com um status, como 200 ou 404.
5. O navegador monta a página com HTML, CSS e JavaScript recebidos.

A hospedagem é o passo 4: a máquina e o software que respondem. O domínio e o DNS vêm antes, e a diferença entre eles é tema de Domínio e hospedagem.

Qual a diferença entre site estático e dinâmico na hospedagem?#

A MDN chama de servidor estático o que envia os arquivos como estão, e de servidor dinâmico o que tem um servidor de aplicação (e geralmente um banco de dados) que altera o conteúdo antes de enviar. Essa diferença define o que você precisa contratar:

Se você está começando, a MDN recomenda que o primeiro site seja estático, porque é o mais simples de publicar. Detalhes em O que é um site estático.

Quais são os tipos de hospedagem?#

Os nomes variam por empresa, mas os modelos se repetem:

• Compartilhada: muitos sites dividem o mesmo servidor e o provedor cuida do sistema. É barata e simples, com pouco controle e desempenho que depende dos vizinhos.
• VPS (servidor virtual privado): uma fatia de um servidor físico, com sistema e recursos só seus. Você tem controle total e também a responsabilidade de atualizar, proteger e configurar.
• Servidor dedicado: uma máquina física inteira para você. Maior desempenho e custo, e o mesmo trabalho de administração da VPS.
• Nuvem (cloud): recursos virtualizados sobre vários servidores, em geral cobrados por uso ou por plano. Alguns serviços entregam só o ambiente para rodar seu código, sem que você mexa no sistema operacional.

Para comparar o trabalho de cada um, veja VPS, cloud ou plataforma de hospedagem.

O que olhar antes de contratar?#

• Tipo de site: estático roda em quase tudo. Dinâmico exige suporte à sua linguagem (Node.js, Python, PHP) e a um banco, se usar.
• Recursos: RAM, CPU, armazenamento e tráfego. Confira se o tráfego é limitado ou se há política de uso justo.
• Localização do servidor: quanto mais perto dos visitantes, menor a latência. Uma CDN reduz esse efeito para arquivos estáticos.
• Domínio e HTTPS: veja se dá para usar domínio próprio e se o certificado é automático.
• Disponibilidade: o que o provedor promete e o que acontece quando algo cai.
• Forma de publicar: upload de arquivos, Git ou CLI. Quanto mais automático, menos erro manual.
• Preço total: inclua renovação, domínio e extras. O detalhamento está em Quanto custa hospedar um site, e há um roteiro em Como escolher uma hospedagem.

Quando hospedagem de site não basta?#

Hospedagem pensada só para páginas e painéis tradicionais muitas vezes não roda processos longos, como um bot, uma API em Node.js ou um serviço que mantém conexões abertas. Nesses casos você precisa de um ambiente que execute seu código continuamente, como uma VPS ou uma plataforma de aplicações. Se seu projeto é só HTML, CSS e JavaScript no navegador, a hospedagem mais simples resolve.

Como fazer isso na Square Cloud#

A Square Cloud é hospedagem self-service, então você publica o site por conta própria: envia um ZIP pelo painel, usa a CLI ou conecta o GitHub. Há runtime para sites estáticos e também para Node.js, Python, PHP e outros, então o mesmo lugar serve para um portfólio e para um site dinâmico.

Todo site ganha um subdomínio *.squareweb.app com HTTPS em qualquer plano, e o certificado é automático. Domínio personalizado está disponível a partir do plano Standard: você registra o domínio no seu registrador e cria os registros DNS mostrados no painel. O domínio continua registrado em seu nome, no seu registrador.

Os planos são pagos, a partir de R$ 12,49 por mês no Hobby, e incluem tráfego sem cobrança por banda ou requisição (política de uso justo), CDN global, proteção DDoS e analytics sem cookies. Veja as opções em hospedagem de sites na Square Cloud.