Implantar Sites estáticos.Publique o site compilado.
Publique HTML, CSS, JavaScript ou uma compilação estática gerada por um framework a partir de um pequeno projeto inicial Nginx, com rotas, domínios, TLS e estado da versão vinculados.
Manter o repositórioExaminar compilação e logsDomínios personalizados e TLS
Implantação no Adios
Versão candidata
Sites estáticos
Saudável
FONTE
Git
REGION
de
ROUTE
HTTPS
01Código-fonte recebido
02Compilação concluída
03Ambiente de execução iniciado
04Verificação de saúde aprovada
Rota promovida
production.adios.run
Um caminho até a produção para
NginxHTMLCSSJavaScriptSPAsGeradores estáticos
O caminho até a produção
Um projeto Sites estáticos que funciona ainda precisa de uma implantação segura.
A aplicação ou o serviço é apenas uma parte da produção. As evidências de compilação, o estado do ambiente de execução, a saúde, os segredos, os logs, as rotas e a versão promovida devem poder ser examinados em conjunto.
Mantenha a compilação Sites estáticos que você já usa
Traga os arquivos gerados por um framework de frontend ou por um repositório estático simples. Defina claramente o comando de compilação e o caminho de saída para reproduzir o resultado a partir do código-fonte.
Promova a versão que informa estar saudável
Sirva os arquivos compilados pelo modelo estático, verifique as rotas raiz e de fallback e conecte a saída promovida a um domínio gerado ou personalizado.
Rastreie a produção até o código-fonte
Os resultados da compilação, os logs de execução, o estado de saúde, os segredos, os domínios e a versão promovida permanecem vinculados ao projeto, em vez de separados entre ferramentas sem relação entre si.
Do código-fonte à versão publicada
Três etapas mantêm o caminho de implantação fácil de revisar.
Use o código-fonte e o comportamento de produção que o projeto já tem. O manifesto registra o que a plataforma deve compilar ou provisionar e como verificar se o resultado está pronto.
01
Começar com código-fonte ou um modelo
Traga o repositório existente ou examine e implante uma das variantes específicas de projeto inicial vinculadas abaixo.
$adios login
02
Revisar o contrato de implantação
Mantenha os comandos, a versão do ambiente de execução ou do serviço, o comportamento das verificações de saúde e as referências a segredos em adios.yaml.
$git diff -- adios.yaml
03
Implantar e inspecionar o resultado
Acompanhe as evidências de compilação e execução, verifique a versão candidata e abra a rota promovida ou a conexão do serviço.
$adios up
adios.yaml
Seu projeto
name: docs-site
template: nginx:static
Comece a partir do modelo estático, em seguida, substitua o conteúdo do exemplo ou conecte a saída gerada pelo framework.
Pontos de partida prontos para implantação
Comece Sites estáticos a partir de um modelo quando o repositório ainda não estiver pronto.
O modelo estático Nginx inclui uma configuração de entrega em produção e fallback de rotas no estilo SPA para uma primeira implantação rápida.
Aplicativos web
Nginx Static
Um projeto inicial de Nginx para HTML, CSS, JavaScript estáticos e aplicativos de página única.
HTMLNenhum
Chave do modelo
nginx:static
Ambiente de execução
nginx
Repositório
template-nginx-static
Origem do código-fonte
.
git clone https://github.com/adiosdotdev/template-nginx-static.git
cd template-nginx-static
adios up
Verifique a carga de trabalho.Depois, promova a versão.
O caminho mais seguro para a primeira implantação começa com uma compilação ou configuração de serviço reproduzível e uma prévia que teste as dependências que serão realmente usadas em produção.
Pronto quando…
A saída do site pode ser reproduzida a partir do código-fonte.
O arquivo de índice previsto e os caminhos dos recursos existem.
As rotas SPA têm o comportamento de fallback necessário.
Nenhuma credencial privada está presente nos arquivos do cliente.
Use uma prévia quando…
O site pressupõe outro caminho base ou nome de host.
Os redirecionamentos, os cabeçalhos de cache ou os cabeçalhos de segurança mudam.
A aplicação realmente precisa de renderização no servidor ou de rotas de API.
Respostas às suas perguntas
O que saber antes de implantar Sites estáticos.
Revise os limites do ambiente de execução ou do serviço, o caminho do modelo, o comportamento em caso de falha e as verificações de produção antes de criar a primeira versão.
Adios pode implantar um projeto Sites estáticos existente?
Sim. Execute a CLI Adios na raiz do projeto, mantenha o repositório e os arquivos de dependências que você já usa e adicione um arquivo adios.yaml que descreva a compilação de produção, o comando de inicialização, a porta e o caminho de saúde.
Preciso de Docker para implantar Sites estáticos?
Não para um ambiente de execução padrão compatível. Use os comandos de produção habituais do projeto em adios.yaml. Se a compilação precisar de pacotes incomuns do sistema operacional ou bibliotecas nativas, verifique essas dependências em uma prévia antes de promover a versão.
Quais frameworks podem produzir um site estático para esta rota?
React, Vue, Angular, Svelte e muitos geradores de documentação ou de sites estáticos podem produzir arquivos prontos para implantação. Confirme a saída da compilação e o fallback das rotas do cliente para o framework escolhido.
Posso conectar um domínio personalizado a um site estático?
Sim. Verifique o nome de host, aplique os registros DNS indicados e use TLS gerenciado para servir a versão estática promovida por HTTPS.
O que acontece quando a compilação ou a verificação de saúde falha?
A versão candidata mantém os resultados de compilação e execução disponíveis para análise. Ela deve informar estar saudável antes de se tornar a versão promovida que atende a rota da aplicação.
Posso começar por um modelo em vez de um repositório existente?
Sim. Esta página inclui links para os projetos iniciais oficiais Adios Sites estáticos mais próximos do seu caso. Examine a variante exata do código-fonte, implante-a no console ou clone-a localmente e execute adios up.