Implantação

Prof. Me. Danilo Camargo Bueno

Por que Implantar?

O software no localhost é apenas código em desenvolvimento. A Implantação é o que transforma esse código em uma solução ativa.

• Disponibilidade: Manter sua aplicação acessível 24/7.
• Performance: Execução otimizada para múltiplos usuários.
• Credibilidade: Transformar código em um produto real
• Integração: Fazer o sistema funcionar em um cenário real de rede (latência, segurança e conexões remotas).

Os Pilares da Implantação

Para realizar a implantação de um sistema web, precisamos integrar três componentes essenciais:

1. Hospedagem (Infraestrutura): O servidor onde os arquivos ficam armazenados e o sistema é executado.
2. Domínio (Identidade): O endereço personalizado (URL) para que o usuário encontre a aplicação na internet.
3. Deploy (Publicação): O processo técnico de enviar o código da sua máquina para o servidor de produção.

Hospedagem

O servidor onde os arquivos ficam armazenados e o sistema é executado.

Tipos de Hospedagem

1. Hospedagem Estática

Ideal para arquivos que não requerem processamento no servidor (.html, .css, .js, imagens).

• Arquitetura: Baseada em CDN (Content Delivery Network).
• Vantagens: Alta velocidade, segurança nativa e custo zero (na maioria dos casos).
• Limitação: Não processa lógica de back-end (PHP, Python, Java).
• Exemplos: Vercel, Netlify, GitHub Pages, Cloudflare Pages.

2. Hospedagem Compartilhada

O modelo tradicional. Vários sites dividem os recursos de um mesmo servidor.

• Características: Geralmente baseada em painéis de controle (cPanel).
• Stack: Otimizada para PHP e bancos MySQL.
• Público: Pequenos negócios e iniciantes que buscam simplicidade.
• Exemplos: HostGator, Locaweb, Hostinger.

3. PaaS (Platform as a Service)

Abstrai a infraestrutura para que o desenvolvedor foque apenas na aplicação.

• Fluxo de Trabalho: Deploy automatizado via Git (CI/CD integrado).
• Suporte: Nativo para Node.js, Python, Java, Go, Docker.
• Escalabilidade: Vertical e horizontal facilitada.
• Exemplos: Render, Railway, Heroku, Fly.io.

4. VPS (Virtual Private Server)

Uma instância virtualizada de um servidor físico dedicada a você.

• Liberdade Total: Acesso root ao Sistema Operacional (geralmente Linux).
• Responsabilidade: Configuração de Web Server (Nginx/Apache), Firewall, Updates e Segurança.
• Custo-Benefício: Alto poder de processamento por um valor fixo.
• Exemplos: DigitalOcean (Droplets), AWS (EC2), Linode.

Domínio

O endereço personalizado (URL) para que o usuário encontre a aplicação na internet.

O que é um Domínio?

É o “endereço amigável” que aponta para o servidor onde seu site está hospedado.

Domínio e Hospedagem são serviços diferentes. Exemplos: Registro.br, GoDaddy, Namecheap.

DNS (Domain Name System)

O DNS é o sistema que traduz o Nome de Domínio (fácil de ler) para um Endereço IP (que o computador entende).

Processo:

1. Usuário digita seusite.com no navegador.
2. O navegador pergunta ao servidor DNS: “Qual é o IP de seusite.com?”
3. O DNS responde: “O IP é 104.21.5.194.”
4. O navegador se conecta ao servidor no IP 104.21.5.194.

Deploy

O processo técnico de enviar o código da sua máquina para o servidor de produção.

O que é Deploy?

• Deploy (ou Publicação) é o processo de transferir a aplicação do seu ambiente de desenvolvimento para o ambiente de produção .

• O “como” fazer o deploy depende diretamente do tipo de hospedagem e pode envolver várias etapas, como:

  • Minificar e “buildar” assets (CSS, JS).
  • Instalar dependências de back-end.
  • Configurar variáveis de ambiente (chaves de API, senhas).
  • Iniciar (ou reiniciar) o servidor web.

Cloudflare Pages

• Método: Upload Direto (Manual)
• Esta estratégia para Implantação de Sites Estáticos (sem git)
• Não recomendada hoje em dia (melhor usar com Git)

Pré-requisitos:

1. Possuir uma conta no Cloudflare.
2. Ter a pasta do projeto pronta no seu computador.
   • ⚠ Atenção: O arquivo index.html deve estar obrigatoriamente na raiz da pasta, não dentro de subpastas.

Passo a Passo da Implantação

1. No painel esquerdo, acesse Compute (Workers & Pages) e clique em Create Application.
2. Selecione a aba Pages e clique no botão Get Started do item Drag and drop your files
3. Defina o Project Name: a URL do seu site (loja.pages.dev).
4. Na tela seguinte, arraste a pasta do seu projeto para a área de upload.
5. Aguarde o envio dos arquivos e clique em Deploy Site.
6. Validação: Acesse e verifique se o site carrega corretamente.

Obrigado!

[email protected] · website/docs · github