Guia de Exportação para Servidor ou VPS

Instruções passo a passo para publicar a plataforma INfoY Cursos em um servidor de produção

Visão Geral do Processo

Este guia explica como exportar e implantar o site INfoY Cursos em um servidor ou VPS. Como este é um projeto baseado em HTML/CSS/JavaScript (sem backend específico), o processo de deployment é relativamente simples.

VPS

Servidores virtuais privados como DigitalOcean, AWS EC2, Google Cloud VM, etc.

  • Controle total sobre o ambiente
  • Configuração de servidor personalizada
  • Possibilidade de escalar recursos
  • Ideal para projetos mais complexos

Hospedagem Web

Provedores de hospedagem compartilhada como Hostgator, GoDaddy, Hostinger, etc.

  • Mais simples de configurar
  • Geralmente mais barato
  • Painel de controle amigável (cPanel)
  • Ideal para sites estáticos
Pré-requisitos

Antes de começar o processo de deployment, certifique-se de que você tem:

  • Acesso a um servidor/VPS ou conta de hospedagem web
  • Conhecimentos básicos de linha de comando (para VPS)
  • Um nome de domínio registrado (opcional, mas recomendado)
  • Cliente FTP como FileZilla ou acesso SSH (dependendo do método escolhido)

Opção 1: Deployment em VPS

Siga estas etapas para implantar o site em um servidor VPS com Ubuntu/Debian.

Preparar o servidor

Primeiro, conecte-se ao seu servidor via SSH:

ssh root@seu-ip-do-servidor

Atualize os pacotes do sistema:

sudo apt update sudo apt upgrade -y

Instale o servidor web Nginx:

sudo apt install nginx -y
Transferir os arquivos

Existem várias maneiras de transferir seus arquivos para o servidor:

Opção A: Usando SCP (do seu computador local)

scp -r /caminho/para/user_site/src/* root@seu-ip-do-servidor:/var/www/html/

Opção B: Usando Git

Se seu projeto estiver em um repositório Git:

cd /var/www/html sudo rm -rf /var/www/html/* sudo git clone https://github.com/seu-usuario/seu-repo.git . # Ou, se quiser um diretório específico do repo: sudo git clone --no-checkout https://github.com/seu-usuario/seu-repo.git . sudo git checkout HEAD user_site/src -- .

Opção C: Usando SFTP com FileZilla

  1. Abra o FileZilla e conecte usando SFTP (sftp://seu-ip-do-servidor)
  2. No painel esquerdo, navegue até sua pasta local user_site/src
  3. No painel direito, navegue até /var/www/html/
  4. Arraste os arquivos do painel esquerdo para o direito

Dica: Certifique-se de que os arquivos tenham permissões corretas após a transferência:

sudo chown -R www-data:www-data /var/www/html/ sudo chmod -R 755 /var/www/html/
Configurar o Nginx

Crie um arquivo de configuração para seu site:

sudo nano /etc/nginx/sites-available/infoycursos

Adicione a seguinte configuração (substitua seu-dominio.com pelo seu domínio):

server { listen 80; listen [::]:80; root /var/www/html; index index.html; server_name seu-dominio.com www.seu-dominio.com; location / { try_files $uri $uri/ =404; } # Configuração de cache para arquivos estáticos location ~* \.(css|js|jpg|jpeg|png|gif|ico)$ { expires 1M; add_header Cache-Control "public"; } }

Ative o site e reinicie o Nginx:

sudo ln -s /etc/nginx/sites-available/infoycursos /etc/nginx/sites-enabled/ sudo nginx -t # Verifique se não há erros de configuração sudo systemctl restart nginx
Configurar HTTPS (opcional, mas recomendado)

Para adicionar HTTPS ao seu site usando Let's Encrypt:

sudo apt install certbot python3-certbot-nginx -y sudo certbot --nginx -d seu-dominio.com -d www.seu-dominio.com

Siga as instruções na tela para completar o processo. O Certbot atualizará automaticamente sua configuração do Nginx.

Dica: Certifique-se de que seu domínio aponta para o IP do seu servidor antes de executar o Certbot.

Opção 2: Hospedagem Web Compartilhada

Se você estiver usando uma hospedagem web compartilhada, o processo geralmente é mais simples:

Acesse o painel de controle

Faça login no painel de controle da sua hospedagem (geralmente cPanel, Plesk ou um painel proprietário).

Uploading dos arquivos

Método 1: Gerenciador de arquivos do painel

  1. Acesse o gerenciador de arquivos no painel de controle
  2. Navegue até a pasta raiz do seu domínio (geralmente public_html)
  3. Faça upload dos arquivos da pasta src através do uploader do gerenciador

Método 2: FTP/SFTP

  1. Conecte-se ao servidor usando um cliente FTP como FileZilla
  2. Use as credenciais FTP fornecidas pela sua hospedagem
  3. Navegue até a pasta raiz do seu domínio
  4. Faça upload de todos os arquivos da pasta src

Atenção: Alguns provedores de hospedagem possuem uma estrutura de pastas específica. Consulte a documentação do seu provedor para confirmar qual é a pasta correta para o upload.

Configurar domínio (se necessário)

Se você ainda não configurou seu domínio:

  1. Acesse a seção de gerenciamento de domínios no painel de controle
  2. Adicione seu domínio e aponte-o para a pasta onde os arquivos foram enviados
  3. Configure os registros DNS do seu domínio para apontar para os servidores da sua hospedagem

Dica: A propagação DNS pode levar até 24-48 horas para ser completada globalmente, então seu site pode não estar imediatamente acessível pelo domínio.

Configurar HTTPS

A maioria dos provedores de hospedagem modernos oferece SSL gratuito através do Let's Encrypt. No painel de controle:

  1. Localize a seção SSL/TLS ou Segurança
  2. Procure a opção para instalar certificado Let's Encrypt
  3. Selecione seu domínio e siga as instruções

Verificação Final e Manutenção

Verificar o site

Após concluir a implantação, verifique os seguintes pontos:

  • Acesse o site pelo navegador para confirmar que está funcionando corretamente
  • Verifique se todas as páginas carregam sem erros
  • Confirme que os links internos funcionam corretamente
  • Teste a responsividade em diferentes dispositivos
  • Verifique se os recursos estáticos (imagens, CSS, JS) estão sendo carregados
Atualizações futuras

Para atualizar o site no futuro, você pode seguir o mesmo processo de transferência de arquivos. Algumas dicas importantes:

  • Considere fazer um backup antes de cada atualização
  • Para mudanças pequenas, você pode editar arquivos individuais sem recarregar tudo
  • Se estiver usando Git, você pode simplesmente fazer um pull para obter as mudanças mais recentes
# Se estiver usando Git para atualizações: cd /var/www/html sudo git pull origin main

Importante: Este guia aborda apenas o deployment para uma aplicação estática com HTML/CSS/JavaScript front-end. Se posteriormente você adicionar funcionalidades de backend (como PHP, Node.js, etc.), serão necessárias configurações adicionais no servidor.