Como criar edge applications com o Hexo Boilerplate

Preview

O Hexo Boilerplate permite que você crie e execute uma Single-Page Application (SPA) baseada em Hexo diretamente no edge, automatizando várias etapas, desde o gerenciamento do repositório até a implantação.

Este template usa a versão 6.3.0 do Hexo.


Para usar este template, você deve ativar:

Edge Functions

Para fazer isso:

  1. Acesse o Azion Console.
  2. Selecione Account menu > Billing & Subscriptions.
  3. Clique na aba Subscriptions.
  4. Active o switch do módulo.

Acesse o Azion Console e selecione a opção Start with a template na página inicial.

Isso abrirá uma nova página onde você pode selecionar o card Hexo Boilerplate.


Quando estiver na página do template, clique na aba Settings para abrir o formulário de configuração e fornecer as informações para configurar sua aplicação.

Os campos identificados com asterisco são obrigatórios.

  • Application Name *: o nome da sua aplicação. Ele é usado para identificar e gerenciar sua aplicação na plataforma da Azion.
    • Digite um nome único e fácil de lembrar. Se o nome já tiver sido usado, a plataforma retornará uma mensagem de erro.
  • GitHub Personal Token *: seu personal token do GitHub.

Depois de preencher todas as informações, clique no botão Next, localizado no canto inferior direito. Isso iniciará o processo de deployment.


Você poderá acompanhar o processo de implantação através de uma janela que mostra os logs. Quando estiver concluída, uma nova página será exibida, confirmando que a edge application foi criada com sucesso.

Esta página mostra as seguintes seções:

  • A Access your Edge Application, que inclui o link para visitar e explorar sua aplicação.
  • O Build Summary contém o nome e a função da aplicação.
  • A aba Deployment details pode ser aberta para acessar os logs relacionados à implantação.
  • What do you want to do next? fornece recomendações sobre opções avançadas para aprimorar sua edge application: Customize Domain, Manage Edge Application, View Edge Application Metrics, View Edge Application Logs e o botão Back to Home.

Ao implantar este template, por meio da automação, o script cria uma edge application junto com uma edge function e um repositório do GitHub para gerenciar o seu projeto e o código-fonte.

Seu projeto contém diversas configurações, incluindo a configuração da aplicação e seu domínio para hospedá-lo, bem como uma edge function para lógica personalizada.

O script também confirma os detalhes da implantação no repositório para manter um histórico transparente e rastreável, incluindo informações relacionadas à versão implantada e à data/hora da implantação. Além disso, o repositório também inclui todas as dependências necessárias e uma GitHub Action que, ao ser ativada, garante um fluxo de trabalho de implantação contínuo.

Para saber mais sobre como editar e personalizar as configurações do seu projeto, acesse a seção Gerencie o template.


Considerando que essa configuração inicial pode não ser ideal para sua aplicação, todas as configurações podem ser personalizadas sempre que você precisar usando o Azion Console.

Para gerenciar e editar as configurações da sua aplicação, siga estas etapas:

  1. Acesse o Azion Console.
  2. No canto superior esquerdo, selecione Products menu > Edge Application.
  • Você será redirecionado para a página de Edge Application. Ela lista todas as edge applications que você criou.
  1. Encontre a aplicação relacionada ao Hexo Boilerplate e selecione-a.
  • A lista é organizada em ordem alfabética. Você também pode usar a barra de busca localizada no canto superior esquerdo da lista; atualmente, ela é filtrada apenas pelo Application Name, ou nome da edge application.

Depois de selecionar a aplicação em que você trabalhará, você será direcionado para uma página que contém todas as configurações que você pode configurar.

Uma vez que o template é implantado, você pode editar e atualizar seus args e código, bem como implementar um fluxo de trabalho de implantação contínua. No entanto, você precisará primeiro declarar secrets no repositório do GitHub do seu projeto para concluir a segunda compilação com as alterações. Assim que esta segunda compilação for concluída, você poderá gerenciar seu projeto com um fluxo de trabalho de continuous deployment e editar os argumentos conforme desejado.

Para fazer isso, abra seu novo repositório relacionado com o Hexo Boilerplate no GitHub. Em seguida, vá para Settings > Secrets and Variables > Action para adicionar suas variáveis, seguindo estas instruções:

  1. Adicione o Azion Personal Token aos secrets:
Terminal window
AZION_PERSONAL_TOKEN=<value>
  1. Adicione os ambientes para uso do action workflow no arquivo main.yml, incluído na pasta .github/workflows do seu repositório:
.github/workflows/main.yml
- name: edge-...
id: azion_edge
...
with:
....
azionPersonalToken: ${{ secrets.AZION_PERSONAL_TOKEN }}
....
  1. Abra um pull request para incluir as alterações na main branch e iniciar a implantação automática.

Agora, seu projeto está pronto para trabalhar com um fluxo de trabalho de implantação contínua, atualizando instantaneamente quaisquer alterações na aplicação ou no repositório.

A edge application criada tem um domínio Azion atribuído para torná-la acessível através do navegador. O domínio tem o seguinte formato: xxxxxxxxxx.map.azionedge.net. No entanto, você pode adicionar um domínio personalizado para que os usuários acessem sua aplicação por meio dele.

saiba mais sobre domínios

Contribuidores