Coder Social home page Coder Social logo

app-static-site-ec2's Introduction

Lab de uso do AWS EC2

O objetivo desta atividade é explorar na prática os conceitos de comptação em nuvem utilizando o serviço AWS Elastic Compute Cloud (EC2).

Referência: https://aws.amazon.com/pt/ec2/

O Amazon EC2 pode ser utilizado para hospedar quaisquer aplicações, tais como aplicações web, aplicações MiddleWare, aplicações de banco de dados, jogos, aplicações empresariais, entre outras.

Referência: https://aws.amazon.com/pt/getting-started/guides/deploy-webapp-ec2/

Arquitetura alvo

Architecture


Passo-a-passo

  1. Faça login no AWS Console.

  2. Em Serviços selecione VPC.

  3. Selecione o botão Criar VPC.

  4. Na tela de criação de VPC preencha com as informações abaixo e no final da tela clique em Criar VPC.

    Note: Mantenha as demais opções padrões.

    • VPC e muito mais
    • Gerar automaticamente: desabilitado
    • Bloco CIDR IPv4: 10.0.0.0/16
    • Número de zonas de disponibilidade (AZs): 1
    • Personalizar AZs
      • Primeira zona de disponibilidade: us-east-1a
    • Número de sub-redes públicas: 1
    • Número de sub-redes privadas: 0
    • Personalizar blocos CIDR de sub-redes: 0
      • Bloco CIDR da sub-rede pública em us-east-1a: 10.0.1.0/24
    • Endpoints da VPC: Nenhuma

  5. Em Serviços selecione EC2.

  6. Selecione o botão Executar instância.

  7. No campo Nome preencha com ec2-InstanceName substituindo InstanceName pelo seu primeiro nome. Exemplo: ec2-kledson

  8. Na seção Par de chaves (login) selecione a chave vockey ou crie uma chave de segurança de sua preferência.

  9. Na seção Configurações de Rede clique em Editar e preencha com as informações abaixo.

    Note: Mantenha as demais opções padrões.

    • VPC: Selecione a vpc com endereçamento 10.0.0.0/16
    • Atribuir IP público automaticamente: Habilitar
    • Firewall (grupos de segurança): Criar grupo de segurança

  10. Clicar em Adicionar regra de grupo de segurança e preencha com as informações abaixo.

    Note: Mantenha as demais opções padrões.

    • Tipo: HTTP
    • Tipo de origem: Qualquer lugar

  11. Na seção Detalhes avançados adicione o texto abaixo no campo Dados do usuário - optional.

    Note: Esse passo instala e configura automaticamente o WebServer Apache na instância EC2 e carrega a página web estática html disponível no repositório GitHub https://github.com/kledsonhugo/app-static-site-ec2/tree/main/app.

    Note: Mantenha as demais opções padrões.

    #!/bin/bash
        
    echo "Update with latest packages"
    yum update -y
        
    echo "Install Apache"
    yum install -y httpd git
        
    echo "Enable Apache service to start after reboot"
    sudo systemctl enable httpd
        
    echo "Install application"
    cd /tmp
    git clone https://github.com/kledsonhugo/app-static-site-ec2
    cp /tmp/app-static-site-ec2/app/*.html /var/www/html/
        
    echo "Start Apache service"
    service httpd restart
    
  12. Clique em Executar instância.

  13. Clique em Visualizar instâncias.

  14. Verifique sua nova instância na lista e aguarde até que o campo Verificação de status esteja com o texto 2/2 verificações aprovadas, conforme ilustração abaixo de exemplo.

    Note: A cada 1 minuto você pode atualizar a página para acompanhar a evolução da Verificação de status.

    AWS EC2 list

  15. Selecione a instância na lista e copie o valor do campo Endereço IPv4 público.

  16. Abra uma nova aba do seu navegador e acesse a página http://Endereço-IP ajustando a url com o valor do endereço IP copiado do passo anterior.

    Note: Usando o exemplo da imagem do passo 14, a url da página web é http://54.82.177.236. Ajuste a url conforme o endereço IP da sua instância EC2.

    Note: Não use https://, pois a segurança da página web não é uma exigência para esse laboratório.

  17. Para o sucesso desse lab, você deverá visualizar uma página conforme o exemplo abaixo. PARABÉNS !!!

    Note: Caso a págna não carregue após 5 minutos, repita os passos anteriores.

    Note: Caso esteja utilizando um ambiente pago, não esqueça de destruir os recursos criados para evitar custos indesejados.

    AWS EC2 static site

app-static-site-ec2's People

Contributors

kledsonhugo avatar rco3000 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.