Criar uma aplicação Web HTML estática no Azure
Serviço de Aplicações do Azure fornece um serviço de alojamento Na Web altamente dimensionável e com correção automática. Este início rápido mostra como implementar um site HTML+CSS básico para Serviço de Aplicações do Azure. Irá concluir este início rápido no Cloud Shell, mas também pode executar estes comandos localmente com a CLI do Azure.
Nota
Para obter informações sobre como alojar ficheiros HTML estáticos num ambiente sem servidor, consulte Aplicações Web Estáticas.
Se não tiver uma subscrição do Azure, crie uma conta gratuita do Azure antes de começar.
Pré-requisitos
Utilize o ambiente bash no Azure Cloud Shell. Para obter mais informações, veja Início Rápido do Bash no Azure Cloud Shell.
Se preferir executar comandos de referência da CLI localmente, instale a CLI do Azure. Se estiver a utilizar o Windows ou macOS, considere executar a CLI do Azure num contentor Docker. Para obter mais informações, veja Como executar a CLI do Azure num contentor do Docker.
Se estiver a utilizar uma instalação local, inicie sessão no CLI do Azure ao utilizar o comando az login. Para concluir o processo de autenticação, siga os passos apresentados no seu terminal. Para outras opções de início de sessão, veja Iniciar sessão com a CLI do Azure.
Quando lhe for pedido, instale a extensão da CLI do Azure na primeira utilização. Para obter mais informações sobre as extensões, veja Utilizar extensões com o CLI do Azure.
Execute o comando az version para localizar a versão e as bibliotecas dependentes instaladas. Para atualizar para a versão mais recente, execute o comando az upgrade.
Transferir o exemplo
No Cloud Shell, crie um diretório de início rápido e, em seguida, altere-o.
mkdir quickstart
cd $HOME/quickstart
Em seguida, execute o seguinte comando para clonar o repositório da aplicação de exemplo para o seu diretório de início rápido.
git clone https://github.com/Azure-Samples/html-docs-hello-world.git
Criar uma aplicação Web
Mude para o diretório que contém o código de exemplo e execute o comando az webapp up . No exemplo seguinte, substitua <app_name> por um nome de aplicação exclusivo. O conteúdo estático é indicado pelo sinalizador --html .
cd html-docs-hello-world
az webapp up --location westeurope --name <app_name> --html
Nota
Se quiser alojar o conteúdo estático numa instância de Serviço de Aplicações baseada em Linux, configure o PHP como o runtime com os --runtime sinalizadores e --os-type :
az webapp up --location westeurope --name <app_name> --runtime "PHP:8.1" --os-type linux
O contentor PHP inclui um servidor Web adequado para alojar conteúdo HTML estático.
O comando az webapp up executa as seguintes ações:
Cria um grupo de recursos predefinido.
Cria um plano do serviço de aplicações predefinido.
Cria uma aplicação com o nome especificado.
Implementa os ficheiros zip do diretório atual de trabalho para a aplicação Web.
Este comando pode demorar alguns minutos a ser executado. Ao executar, apresenta informações semelhantes ao exemplo seguinte:
{
"app_url": "https://<app_name>.azurewebsites.net",
"location": "westeurope",
"name": "<app_name>",
"os": "Windows",
"resourcegroup": "appsvc_rg_Windows_westeurope",
"serverfarm": "appsvc_asp_Windows_westeurope",
"sku": "FREE",
"src_path": "/home/<username>/quickstart/html-docs-hello-world ",
< JSON data removed for brevity. >
}
Anote o valor resourceGroup. Vai precisar dele na secção limpar recursos.
Navegar para a aplicação
Num browser, aceda ao URL da aplicação: http://<app_name>.azurewebsites.net.
A página está a ser executada como uma aplicação Web do Serviço de Aplicações do Azure.
Parabéns! Implementou a sua primeira aplicação HTML no Serviço de Aplicações.
Atualizar e reimplementar a aplicação
No Cloud Shell, escreva nano index.html para abrir o editor de texto nano. No cabeçalho da etiqueta <h1>, altere o "Serviço de Aplicações do Azure – Site HTML Estático de Exemplo" para -"Serviço de Aplicações do Azure", conforme mostrado abaixo.
Guarde as alterações e feche o nano. Utilize o comando ^O para guardar e ^X para sair.
Agora irá implementar novamente a aplicação com o mesmo comando az webapp up.
az webapp up --location westeurope --name <app_name> --html
Depois de concluída a implementação, volte para a janela do browser aberta que abriu no passo Navegar para a aplicação e atualize a página.
Gerir a sua nova aplicação do Azure
Para gerir a aplicação Web que criou, no portal do Azure, procure e selecione Serviços Aplicacionais.
Na página Serviços Aplicacionais , selecione o nome da sua aplicação do Azure.
É apresentada a página de descrição geral da sua aplicação Web. Aqui, pode realizar tarefas de gestão básicas, como navegar, parar, iniciar, reiniciar e eliminar.
O menu à esquerda fornece diferentes páginas para configurar a sua aplicação.
Limpar os recursos
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se achar que não vai precisar destes recursos no futuro, execute o seguinte comando no Cloud Shell para eliminar o grupo de recursos. Lembre-se de que o nome do grupo de recursos foi gerado automaticamente para si no passo criar uma aplicação Web.
az group delete --name appsvc_rg_Windows_westeurope
Este comando pode demorar alguns minutos a ser executado.