Publique seu Site Astro na Azion
Você pode publicar seu projeto Astro na Azion, uma plataforma para desenvolvedores frontend colaborarem e publicarem sites estáticos (JAMstack) e SSR.
Pré-requisitos
Seção intitulada Pré-requisitosPara começar, você precisará de:
- Uma conta Azion. Se você não tiver uma, pode se cadastrar com uma conta gratuita.
- Seu código de aplicativo armazenado em um repositório do GitHub.
- Azion CLI instalado para configuração e publicação de projeto mais rápidas.
Como Publicar pelo Painel Console Azion
Seção intitulada Como Publicar pelo Painel Console AzionPara começar a construir, siga estes passos:
- Acesse o Console Azion.
- Na página inicial, clique no botão + Criar.
- Isso abrirá um modal com as opções para criar novos aplicativos e recursos.
- Selecione a opção Importar do GitHub e clique no cartão.
- Essa ação abrirá a página de configurações.
- Conecte sua conta Azion com GitHub.
- Uma janela pop-up aparecerá solicitando autorização.
- Selecione o repositório que deseja importar do GitHub.
- Configure as definições de build:
- Pré-configuração do framework: Selecione o framework apropriado (por exemplo,
Astro). - Diretório Raiz: Refere-se ao diretório onde seu código está localizado. Seu código deve estar localizado no diretório raiz, e não em um subdiretório. Um símbolo ./ aparecerá neste campo, indicando que é um diretório raiz.
- Comando de Instalação: o comando que compila suas configurações para construir para produção. Os comandos de build são executados através de scripts. Por exemplo: npm run build ou npm install para um pacote NPM.
- Pré-configuração do framework: Selecione o framework apropriado (por exemplo,
- Clique em Save and Deploy.
- Monitore a implantação usando Métricas em Tempo Real da Azion e verifique se seu site está ao vivo na borda.
Como Publicar um Site Estático Usando Azion CLI
Seção intitulada Como Publicar um Site Estático Usando Azion CLI-
Instale Azion CLI:
- Baixe e instale Azion CLI para facilitar a gestão e publicação.
-
Autentique o CLI:
- Execute o seguinte comando para autenticar seu CLI com sua conta Azion.
Terminal window azion login -
Configure sua Aplicação:
- Use os seguintes comandos para inicializar e configurar seu projeto:
Terminal window azion init -
Construa seu Projeto Astro:
- Execute seu comando de build localmente:
Terminal window azion build -
Publique seus Arquivos Estáticos:
- Publique seus arquivos estáticos usando Azion CLI:
Terminal window azion deploy
Este guia fornece uma visão geral da publicação de aplicações estáticas.
Habilitando Desenvolvimento Local Usando Azion CLI
Seção intitulada Habilitando Desenvolvimento Local Usando Azion CLIPara que a pré-visualização funcione, você deve executar o seguinte comando:
azion devDepois de inicializar o servidor de desenvolvimento local, o aplicativo passa pelo processo de build.
Construindo sua Aplicação Edge. Este processo pode levar alguns minutos.Executando comando de etapa de build:...Quando a construção estiver concluída, o acesso ao aplicativo será solicitado:
[Azion Bundler] [Server] › ✔ success Function running on port http://localhost:3000Resolução de Problemas
Seção intitulada Resolução de ProblemasAPIs de tempo de execução Node.js
Seção intitulada APIs de tempo de execução Node.jsUm projeto usando um pacote NPM falha a build com uma mensagem de erro como [Error] Could not resolve "XXXX. The package "XXXX" wasn't found on the file system but is built into node.:
Isso significa que um pacote ou importação que você está usando não é compatível com as APIs de tempo de execução Azion.
Se você estiver importando diretamente uma API de tempo de execução Node.js, consulte a compatibilidade Node.js da Azion para obter mais passos sobre como resolver isso.
Se você estiver importando um pacote que importa uma API de tempo de execução Node.js, verifique com o autor do pacote se ele suporta a sintaxe de importação node:*. Se não suportar, você pode precisar encontrar um pacote alternativo.
