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.

Página inicial da aplicação de exemplo

Se não tiver uma subscrição do Azure, crie uma conta gratuita do Azure antes de começar.

Pré-requisitos

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://&lt;app_name&gt;.azurewebsites.net",
  "location": "westeurope",
  "name": "&lt;app_name&gt;",
  "os": "Windows",
  "resourcegroup": "appsvc_rg_Windows_westeurope",
  "serverfarm": "appsvc_asp_Windows_westeurope",
  "sku": "FREE",
  "src_path": "/home/&lt;username&gt;/quickstart/html-docs-hello-world ",
  &lt; JSON data removed for brevity. &gt;
}

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.

Home page da aplicação de exemplo

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.

Nano index.html

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.

Página inicial atualizada da aplicação de exemplo

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.

Selecione Serviços Aplicacionais no portal do Azure

Na página Serviços Aplicacionais , selecione o nome da sua aplicação do Azure.

Navegação do portal para a 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.

Painel Serviço de Aplicações no portal do Azure

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.

Passos seguintes