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.
Pré-requisitos
Seção intitulada Pre-requisitosPara usar este template, você deve ativar:
Para fazer isso:
- Acesse o Azion Console.
- Selecione Account menu > Billing & Subscriptions.
- Clique na aba Subscriptions.
- Active o switch do módulo.
Obtenha o template
Seção intitulada Obtenha o templateAcesse 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.
Configure o template
Seção intitulada Configure o templateQuando 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.
Implante o template
Seção intitulada Implante o templateVocê 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.
Principais configurações
Seção intitulada Principais configuracoesAo 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.
Gerencie o template
Seção intitulada Gerencie o templateConsiderando 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:
- Acesse o Azion Console.
- 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.
- 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.
Continuous deployment
Seção intitulada Continuous deploymentUma 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:
- Adicione o Azion Personal Token aos secrets:
- Adicione os ambientes para uso do action workflow no arquivo main.yml, incluído na pasta .github/workflows do seu repositório:
- 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.
Adicione um domínio personalizado
Seção intitulada Adicione um dominio personalizadoA 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.
Contribuidores