Partilhar via

Guia de início rápido: implantar um aplicativo inicial com o App Spaces

  • Artigo

Nota

O App Spaces está em pré-visualização.

O App Spaces é um serviço inteligente para desenvolvedores que reduz a complexidade da criação e gerenciamento de aplicativos Web. Este artigo descreve como implantar um aplicativo inicial no App Spaces. Você seleciona um dos exemplos fornecidos para provisionar novos recursos no Azure. Para obter mais informações, consulte Sobre espaços de aplicativos.

Pré-requisitos

Para implantar um aplicativo de exemplo para Espaços de Aplicativo, você deve ter os seguintes itens:

Selecione um aplicativo inicial

Enquanto os aplicativos Express.JS (back-end) e React (front-end) são usados neste início rápido, outros aplicativos iniciais também estão disponíveis no App Spaces. Consulte Espaços de Aplicativo no portal do Azure para obter uma lista completa de aplicativos iniciais em Espaços de Aplicativo.

Siga estas etapas para implantar um aplicativo inicial no App Spaces.

  1. Navegue para o portal do Azure.
  2. Na barra de pesquisa, pesquise espaços de aplicativos e selecione-os nos resultados. Captura de ecrã do Espaço da Aplicação no portal do Azure.
  3. Na página Espaços de Aplicativo, selecione + Criar Espaço de Aplicativo.
  1. Em Usar um aplicativo inicial, selecione Aplicativo React.

Ligar-se ao GitHub

  • Insira os seguintes valores na seção Conectar ao GitHub .

    Definição Ação
    Conta do GitHub Selecione sua conta no GitHub.
    Organization Selecione a sua organização.
    Novo repositório Entre myReactSample para o seu novo repositório.

Configurar detalhes do aplicativo

  1. Insira os seguintes valores na seção Configurar detalhes do aplicativo.

    Definição Ação
    Nome do Espaço do Aplicativo Introduzir myAppSpace.
    Subscrição Selecione a sua subscrição.
    País/Região Selecione a sua região.

  2. Selecione o botão Implantar na parte inferior da página Implantar Espaço do Aplicativo.

O código de aplicativo Web de exemplo é implantado no App Spaces. A implementação pode demorar alguns minutos a concluir.

Para um aplicativo front-end, o App Spaces cria os seguintes recursos para você durante a implantação:

  • Um aplicativo Web estático
  • Um espaço de trabalho do Log Analytics
  • Informações sobre o aplicativo
  1. Em Usar um aplicativo inicial, selecione Express.JS aplicativo.

Ligar-se ao GitHub

  • Insira os seguintes valores na seção Conectar ao GitHub .

    Definição Ação
    Conta do GitHub Selecione sua conta no GitHub.
    Organization Selecione a sua organização.
    Novo repositório Entre myExpressSample para o seu novo repositório.

Configurar detalhes do aplicativo

  1. Insira os seguintes valores na seção Configurar detalhes do aplicativo.

    Definição Ação
    Nome do Espaço do Aplicativo Introduzir myAppSpace.
    Subscrição Selecione a sua subscrição.
    País/Região Selecione a sua região.

  2. Selecione o botão Implantar na parte inferior da página Implantar Espaço do Aplicativo.

O código de aplicativo Web de exemplo é implantado no App Spaces. A implementação pode demorar alguns minutos a concluir.

Para um aplicativo back-end, o App Spaces cria os seguintes recursos para você durante a implantação:

  • Ambiente do Aplicativo de Contêiner do Azure
  • Aplicativo de Contêiner do Azure
  • Rede virtual + sub-rede (sub-recurso da rede virtual)
  • Implantação contínua com ações do GitHub
  • Função de contribuidor RBAC (controle de acesso baseado em função) atribuída à identidade atribuída pelo usuário sobre o escopo do grupo de recursos (para fins do OpenID Connect)
  • Um espaço de trabalho do Log Analytics

Verificar a implementação

Na sua Página de Espaço da Aplicação, selecione Abrir aplicação no browser para ver a sua nova aplicação.

Captura de ecrã da aplicação React em execução.

Captura de ecrã Express.JS aplicação em execução.

Clean up resources (Limpar recursos)

Quando terminar o aplicativo de exemplo, você poderá remover todos os recursos do App Spaces do Azure. Ele ajuda você a evitar cobranças extras e mantém sua assinatura do Azure organizada. Excluir um App Spaces é a maneira mais rápida de remover todos os recursos do Azure para seu aplicativo.

  • Na página Espaço do aplicativo, selecione Excluir espaço para excluir os espaços do aplicativo e seus recursos associados.

Para obter mais informações sobre como gerenciar espaços de aplicativos, consulte Gerenciar componentes.

Conteúdos relacionados