Como implantar um site estático gratuitamente usando a plataforma de aplicativos da DigitalOcean

App Platform é uma nova oferta de plataforma como serviço (PaaS) da DigitalOcean. Ele permite que você envie o código para produção sem configurar nenhuma infraestrutura. A App Platform se conecta aos repositórios GitHub e GitLab para criar e implantar seus projetos automaticamente.

A DigitalOcean lançou a App Platform em outubro de 2020, dizendo que queria “ reimaginar ” o conceito de PaaS. App Platform é uma solução totalmente gerenciada que oferece suporte às linguagens mais populares, fornece um certificado HTTPS automático e oferece escalonamento horizontal e vertical.

Criando seu site

Neste guia, mostraremos como você pode usar o plano Starter gratuito para construir e implantar um site estático sem se preocupar com a infraestrutura. Você pode lançar até três sites gratuitamente. Sites adicionais podem ser adquiridos atualizando para um nível superior ou pagando apenas US $ 3 / mês por site.

A primeira etapa é simples: você precisa criar seu site estático! A App Platform suporta os geradores estáticos mais populares, como Gatsby, Hugo e Jekyll. Você também pode usar HTML e CSS simples, sem nenhum processo de construção.

Estamos usando um site Barebones Jekyll para este tutorial. Se você apenas deseja acompanhar, você pode usar um fork de um dos aplicativos de amostra da DigitalOcean. Depois de criar seu site, certifique-se de enviar seu código para um repositório Git em sua conta GitHub ou GitLab.

Conectando o DigitalOcean ao seu repositório

Quando estiver pronto para implantar, faça login na sua conta DigitalOcean. Clique no link “ Aplicativos ” link na barra lateral esquerda. Em seguida, clique no botão azul “ Iniciar seu aplicativo ” botão.

Agora você precisa conectar o App Platform à sua conta GitHub ou GitLab. Clique no botão que se aplica a você. Siga as instruções para se autenticar e permitir que o DigitalOcean acesse seus repositórios. Você será redirecionado para o DigitalOcean.

Agora você deve ver que sua conta foi conectada. Selecione o repositório que deseja implantar no menu suspenso. Se o seu repositório não estiver aparecendo, certifique-se de que as configurações de permissão permitem que o DigitalOcean o acesse. Siga o link de ajuda na parte inferior da tela se precisar verificar.

Configurando seu aplicativo

Na próxima tela, comece dando um nome ao seu aplicativo. Isso é exibido na UI DigitalOcean. Normalmente, é uma boa ideia corresponder ao nome do seu repositório Git.

Use o menu suspenso para escolher em qual região do datacenter DigitalOcean implantar. No momento da redação deste artigo, apenas as regiões de Nova York, Amsterdã e Frankfurt eram compatíveis com a App Platform. Normalmente, você deve escolher o datacenter que está geograficamente mais próximo de seus usuários.

Agora você precisa selecionar o branch a partir do qual implantar. O padrão de mestre deve ser correto para a maioria dos projetos. Você pode alterar isso para implantar facilmente uma versão de pré-lançamento do seu projeto, como um teste ou branch de teste.

A opção final, “ Autodeploy code changes, ” controla se o DigitalOcean deve atualizar automaticamente seu aplicativo. Quando ativado, o App Platform monitorará seu repositório Git. Ele iniciará uma nova implantação automaticamente quando um novo código for mesclado ao branch selecionado. Você precisará iniciar manualmente cada nova implantação se não habilitar esta configuração.

Quando você clica em “ Avançar ”, DigitalOcean irá escanear seu repositório para descobrir como ele é construído. Em nosso caso, a App Platform detectou que estamos implantando um site Jekyll. O comando build foi preenchido automaticamente.

Você pode editar o comando build se precisar personalizar como seu site é construído. Você também pode definir variáveis ​​de ambiente que serão disponibilizadas para o processo de construção.

Implante seu aplicativo

Clique no botão Avançar para finalizar a implantação do seu aplicativo. Você precisará confirmar a camada da plataforma de aplicativo em que deseja implantar. Certifique-se de que o plano Starter gratuito esteja selecionado (ou mude para um plano pago se você preferir) e analise o Custo mensal do aplicativo que é exibido. Por fim, clique no botão azul “ Iniciar aplicativo Starter ” botão para iniciar sua implantação.

A implantação pode levar vários minutos para ser concluída. A App Platform precisa construir seu site, rodando o compilador Jekyll no nosso caso, antes de colocá-lo na infraestrutura da DigitalOcean. O andamento será exibido no painel do projeto.

Eventualmente, você verá um verde “ Implantado com sucesso ” mensagem. Seu aplicativo agora está implantado na nuvem DigitalOcean! Clique no botão “ Live App ” link para visualizar sua implantação. Você receberá um subdomínio ondigitalocean. app aleatório. Em nosso caso, agora podemos ver a página inicial padrão do Jekyll.

Gerenciando seu aplicativo

Agora que seu aplicativo está ativo, você pode usar o painel para monitorá-lo e gerenciá-lo. A seção “ Visão geral ” guia permite verificar o tempo de implantação mais recente e ver as estatísticas de saúde em um relance.

Para obter informações mais detalhadas, clique no link “ Insights ” aba. Isso exibe gráficos de métricas que registram a taxa de transferência de CDN do seu aplicativo. Use o método “ Implantações ” guia para ver o histórico de implantação. Isso mostrará uma única “ implantação inicial ” evento para começar. Ele será preenchido com novos registros conforme você faz implantações adicionais.

Agora você pode tentar atualizar seu aplicativo. Altere um arquivo em seu repositório, crie um Git commit e envie-o para o branch de onde você está implantando. Se você habilitou as implantações automáticas, o DigitalOcean detectará o evento push e reimplantar automaticamente. Em alguns minutos, sua alteração estará ativa!

Adicionando um domínio

A App Platform tem suporte de domínio personalizado integrado. O “ ondigitalocean. app ” é improvável que o ambiente que você obtém por padrão seja muito útil além da experimentação inicial.

Clique no link “ Configurações ” no painel do seu aplicativo. Em seguida, clique no botão “ Editar ” link ao lado do título Domínios. Pressione o botão “ Adicionar domínio ” botão e digite o domínio que deseja usar.

Na próxima tela, siga as orientações para vincular seu domínio à implantação da plataforma de aplicativos. Se você usar os servidores de nomes da DigitalOcean, os registros DNS relevantes serão adicionados automaticamente. Caso contrário, você terá que copiar manualmente os registros DNS exibidos para a interface de configurações DNS do seu registrador.

Clique em “ Adicionar domínio ” para anexar o domínio ao seu aplicativo. Você poderá usá-lo para acessar sua implantação assim que a resolução DNS for configurada corretamente. DigitalOcean obterá automaticamente um certificado SSL para o seu site.

Conclusão

A plataforma de aplicativos da DigitalOcean é um novo concorrente no espaço PaaS. Ele permite que você implante aplicativos de um repositório Git sem ter que se preocupar com infraestrutura. Você conecta sua conta, seleciona seu repositório e segue as instruções para colocar seu código ao vivo na Internet.

Vimos apenas a implantação mais básica, um site estático sem dependências externas. A App Platform também pode ser usada para hospedar serviços de back-end e bancos de dados com facilidade de uso semelhante. Cada aplicativo pode incorporar vários componentes, como uma API PHP, um front-end estático e um banco de dados. Usando o painel, você pode visualizar os logs de seus serviços e obter acesso de console interativo para seus componentes em execução.

Nos bastidores, seu código é automaticamente armazenado em contêiner usando Docker. Em seguida, ele é implantado nos clusters Kubernetes gerenciados pelo DigitalOcean. Usar a plataforma de aplicativos permite que você se concentre no código e continue criando recursos, sem se preocupar com infraestrutura e implantações.