Traduzido do 日本語 • Ver original Olá, aqui é Akiyama, um engenheiro Azure. Neste artigo, gostaria de apresentar um estudo de caso sobre hospedagem de um site estático com o Azure Web App.
Premissa
- Usa o gerador de sítios Jekyll
- Uso parcial do PHP
- Usuários que atualizam o site não conhecem ou não querem saber do Jekyll
Composição
A configuração é simplesmente usar o Web App como um site. Se for apenas um arquivo estático, não há necessidade de usar o Web App, que é o PaaS do site, mas adotamos o Web App porque havia a exigência de usar PHP em algumas partes.
Fluxo de Implantação
Vamos explicar passo a passo.
Desta vez, usaremos um serviço chamado CloudCannon como CMS. Usando esse serviço, você pode atualizar e ajustar páginas sem saber do Jekyll e mesmo que não seja engenheiro. (Passo 1)
O CloudCannon pode ser integrado ao GitHub. Você pode pré-visualizar o conteúdo do 'jekyll build' em tempo real no CloudCannon e atualizar cada página. (Passo 2)
Quero enviar o conteúdo atualizado para o Azure Web App, e estou usando o Travis CI como motor de compilação para isso. O papel do Travis CI é 'jekyll' o repositório no GitHub e enviar o conteúdo resultante para o Azure Web App. (Passos 3-6) O Azure Web App oferece um recurso de implantação no Git , então estou usando.
Efeitos
Construímos esse fluxo de implantação no início da criação do site. Isso nos permite ver como ele se comporta em produção desde o início do processo.
Você pode conferir o design no CloudCannon, mas o servidor web pode ser diferente do aplicativo web, então, nesses casos, é melhor verificar em produção o quanto antes. Como resultado, não houve grandes problemas e chegamos à publicação do site.
Conclusão
Frequentemente vejo exemplos de construção de sites estáticos usando AWS S3, mas não vejo muitos exemplos de criação de sites estáticos no Azure, então escrevi um artigo. Escrevi como um exemplo de configuração usando um Web App, mas também existe um padrão que usa Azure Function + Azure Blob Storage. Se eu tiver a chance de aplicar como exemplo, apresentarei novamente. Se você quiser um site estático com um ambiente DevOps no Azure, fique à vontade para nos contatar.