title | description | meta_tags | namespace | permalink |
---|---|---|---|---|
Como criar edge applications com o Hexo Boilerplate |
O Hexo Boilerplate permite que você crie e execute uma Single-Page Application (SPA) baseada em Hexo diretamente no edge. |
templates, guides, Azion Marketplace |
docs_guides_hexo_boilerplate |
/documentacao/produtos/guias/hexo-boilerplate/ |
import Badge from '~/components/Badge.astro';
PreviewO 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.
- Uma conta no GitHub para conectar com a Azion e criar seu novo repositório.
- Cada push será implantado automaticamente neste repositório para manter seu projeto atualizado.
- Habilitar o Edge Functions na sua conta Azion.
- Para fazer isso:
- Acesse o Azion Console > Account menu.
- Selecione a opção Billing & Subscriptions.
- Clique na aba Subscriptions.
- Ative o switch do módulo.
:::caution[Atenção] Se esse módulo estiver ativado, a execução deste template poderá gerar custos relacionados ao uso. Consulte a página de preços para obter mais informações. :::
Acesse o Azion Console e clique no botão + Create na página inicial.
Isso abrirá um modal onde você pode selecionar Templates > Hexo Boilerplate.
No formulário de configuração, forneça as informações para configurar sua aplicação. Preencha os campos apresentados.
Os campos identificados com asterisco são obrigatórios.
- Conecte a Azion com sua conta no GitHub.
- Uma janela pop-up será aberta para confirmar a instalação da Azion GitHub App, uma ferramenta que conecta sua conta do GitHub com a plataforma da Azion.
- Defina suas permissões e acesso ao repositório conforme desejado.
- Selecione o Git Scope com o qual trabalhar.
- Defina um nome para sua edge application.
- O bucket para armazenamento e a edge function usarão o mesmo nome.
- Use um nome único e fácil de lembrar. Se o nome já tiver sido usado, a plataforma retornará uma mensagem de erro.
- Clique no botão Save para iniciar o processo de implantação.
Durante a implantação, você poderá acompanhar o processo através de uma janela mostrando os logs. Quando estiver concluída, a página mostra informações sobre a aplicação e algumas opções para continuar sua jornada.
:::note O link para sua edge application permite que você veja como ela fica no navegador. No entanto, leva um certo tempo para propagar e configurá-la nas edge locations da Azion. Pode ser necessário aguardar alguns minutos para que a URL seja ativada e para que a página da aplicação seja efetivamente exibida no navegador. :::
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 garante um fluxo de trabalho de implantação contínuo.
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:
- 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.
:::tip Leia a documentação sobre o gerenciamento de edge applications para obter mais detalhes. :::
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.
import Button from '~/components/Button.astro';
import ContributorList from '~/components/ContributorList.astro'
Contribuidores Contributor