Implementar uma aplicação Web ASP.NET no App Service do Azure com o Visual Studio

Descrição geral

Este tutorial mostra como implementar uma aplicação Web ASP.NET numa aplicação Web no App Service do Azure do Azure utilizando o Visual Studio 2015.

O tutorial parte do princípio que é um programador do ASP.NET sem experiência prévia com a utilização do Azure. Quando tiver terminado, terá uma aplicação Web simples em execução na nuvem.

Irá aprender:

  • Como criar uma nova aplicação Web do App Service enquanto cria um novo projeto Web no Visual Studio.
  • Como implementar um projeto Web a uma aplicação Web do App Service através do Visual Studio.

O diagrama ilustra o que fazer no tutorial.

Diagrama de criação e implementação do Visual Studio

No final do tutorial, uma secção Resolução de problemas dá ideias sobre o que fazer se algo não funcionar e uma secção Passos seguintes fornece ligações para outros tutoriais que aprofundam como utilizar o App Service do Azure.

Uma vez que este é um tutorial de introdução, o projeto Web que mostra como implementar é simples e não utiliza uma base de dados, autenticação nem autorização. Para obter ligações para tópicos de implementação mais avançados, consulte o artigo Como implementar uma aplicação Web do Azure.

Além do tempo necessário para instalar o Azure SDK para o .NET, este tutorial irá demorar cerca de 10 a 15 minutos para concluir.

Pré-requisitos

Configurar o ambiente de desenvolvimento

O tutorial foi escrito para o Visual Studio 2015 com o Azure SDK para .NET 2.9 ou posterior.

Se tiver o Visual Studio 2013 e preferir utilizá-lo, pode transferir o Azure SDK mais recente para o Visual Studio 2013. Alguns ecrãs podem parecer diferentes das ilustrações.

Criar uma aplicação Web

O próximo passo é criar um projeto de aplicação Web no Visual Studio e uma aplicação Web no Serviço de Aplicações do Azure. Nesta secção do tutorial, configura o novo projeto Web.

  1. Abra o Visual Studio 2015.
  2. Clique em Ficheiro > Novo > Projeto.
  3. Na caixa de diálogo Novo Projeto, clique em Visual C# > Web > Aplicação Web ASP.NET.
  4. Certifique-se de que o .NET Framework 4.5.2 é selecionado como o framework de destino.
  5. O Azure Application Insights monitoriza a sua aplicação Web quanto à disponibilidade, ao desempenho e á utilização. A caixa de verificação Adicionar Application Insights ao Projeto está selecionada por predefinição da primeira vez que criar um projeto Web depois de instalar o Visual Studio. Desmarque a caixa de verificação se estiver selecionada, mas não pretender experimentar o Application Insights.
  6. Dê um nome à aplicação OmeuExemplo e, em seguida, clique em OK.

    Caixa de diálogo Novo Projeto

  7. Na caixa de diálogo Novo Projeto de ASP.NET, selecione o modelo MVC modelo e, em seguida, clique em Alterar Autenticação.

    Para este tutorial, implementa um projeto Web de ASP.NET MVC. Se pretender obter informações sobre como implementar um projeto Web API do ASP.NET, consulte a secção Passos seguintes.

    Caixa de diálogo Novo Projeto ASP.NET

  8. Na caixa de diálogo Alterar Autenticação, clique em Sem Autenticação e clique em OK.

    Sem Autenticação

    Para este tutorial de introdução, está a implementar uma aplicação simples que não utiliza o início de sessão do utilizador.

  9. Na secção Microsoft Azure da caixa de diálogo Novo Projeto ASP.NET, certifique-se de que Anfitrião na nuvem está selecionado e que Serviços de Aplicações está selecionado na lista pendente.

    Caixa de diálogo Novo Projeto ASP.NET

    Estas definições direcionam o Visual Studio para criar uma aplicação Web do Azure para o seu projeto Web.

  10. Clique em OK

Criar recursos do Azure

Agora, indique ao Visual Studio os recursos do Azure que pretende que criar.

  1. Na caixa de diálogo Criar Serviços de Aplicações, clique em Adicionar uma conta e, em seguida, inicie sessão no Azure com o ID e palavra-passe da conta que utiliza para gerir a sua subscrição Azure.

    Iniciar sessão no Azure

    Se já iniciou sessão anteriormente no mesmo computador, poderá não ver o botão Adicionar uma conta. Nesse caso, pode ignorar este passo ou poderá ter de reintroduzir as suas credenciais.

  2. Introduza um Nome da Aplicação Web que seja exclusivo no domínio azurewebsites.net. Por exemplo, pode atribuir o nome OmeuExemplo com números para a direita para o tornar único, tal como OmeuExemplo810. Se um nome da Web predefinido for criado para si, será exclusivo e pode utilizá-lo.

    Se alguém já tiver utilizado o nome que introduziu, verá um ponto de exclamação vermelho à direita em vez de uma marca de verificação verde e terá de introduzir um nome diferente.

    O URL da aplicação é este nome mais .azurewebsites.net. Por exemplo, se o nome for MyExample810, o URL será myexample810.azurewebsites.net.

    Também pode utilizar um domínio personalizado com uma aplicação Web do Azure. Para obter mais informações, consulte o artigo Configurar um nome de domínio personalizado no App Service do Azure.

  3. Clique no botão Novo junto à caixa Grupo de Recursos e, em seguida, introduza "OmeuExemplo" ou outro nome, se preferir.

    Caixa de diálogo Criar App Service

    Um grupo de recursos é uma coleção de recursos do Azure, tais como Web Apps, bases de dados e VMs. Para um tutorial, geralmente, é melhor criar um novo grupo de recursos porque torna mais fácil eliminar num único passo todos os recursos do Azure que criar para o tutorial. Para obter mais informações, veja Descrição geral do Azure Resource Manager.

  4. Clique no botão Novo junto ao menu pendente Plano do App Service.

    Caixa de diálogo Criar App Service

    É apresentada a caixa de diálogo Configurar Plano do App Services.

    Caixa de diálogo Configurar App Service

    Nos passos seguintes, pode configurar um plano do App Service para o novo grupo de recursos. Um plano do App Service especifica os recursos de computação em que é executada a aplicação Web. Por exemplo, se escolher o escalão gratuito, a aplicação API é executada em VMs partilhadas, enquanto para alguns escalões pagos, é executada em VMs dedicadas. Para obter mais informações, consulte o artigo Descrição geral dos planos de Serviços de Aplicações.

  5. Na caixa de diálogo Configurar Plano do App Service, introduza "OmeuPlanoDeExemplo" ou outro nome, se preferir.
  6. Na lista pendente Localização, escolha a localização que esteja mais perto de si.

    Esta definição especifica em que datacenter do Azure a sua aplicação será executada. Para este tutorial, pode selecionar qualquer região pois não terá uma diferença percetível. Porém, para uma aplicação de produção, o servidor deve estar o mais perto possível dos clientes que estão a aceder ao mesmo para minimizar a latência.

  7. No menu pendente Tamanho pendente, clique Gratuito.

    Para este tutorial, o escalão de preço gratuito irá fornecer o desempenho suficiente.

  8. Na caixa de diálogo Configurar Plano do App Service, clique em OK.
  9. Na caixa de diálogo Criar App Service, clique em Criar.

Inspecionar os recursos do Azure no Visual Studio

Num curto período de tempo, normalmente, menos do que um minuto, o Visual Studio cria o projeto Web e a aplicação Web.

A janela Explorador de Soluções mostra os ficheiros e as pastas no projeto novo.

Explorador de Soluções

A janela Atividade do Serviço de Aplicações do Azure mostra que os recursos do Serviço de Aplicações foi criado no Azure. Pode clicar na ligação aqui para iniciar imediatamente a publicar onovo projeto. Mais tarde, no entanto, o tutorial mostra-lhe como publicar os ficheiros em qualquer altura.

Aplicação Web criada na janela de Atividade do App Service do Azure

A janela Cloud Explorer permite-lhe ver e gerir recursos do Azure, incluindo a nova aplicação Web que acabou de criar.

Aplicação Web criada no Cloud Explorer

Implementar o projeto Web no Azure

Nesta secção, é possível implementar o projeto Web para o recurso de aplicação Web que criou no Serviço de Aplicações do Azure.

  1. No Explorador de Soluções, clique com o botão direito do rato no projeto e selecione Publicar.

    Clicar em Publicar no menu do Visual Studio

    Em alguns segundos, é apresentado o assistente Publicar Web. O Assistente abre num perfil de publicação que tem definições para implementar o projeto Web na nova aplicação Web.

    Sugestão

    O perfil de publicação inclui um nome de utilizador e a palavra-passe para a implementação. Estas credenciais foram geradas para si e não tem de as introduzir. A palavra-passe está encriptada num ficheiro oculto específico do utilizador na pasta Properties\PublishProfiles.

  2. No separador Ligação do assistente Publicar Web, clique em Seguinte.

    Clicar em Seguinte no separador Ligação do assistente Publicar Web

    Segue-se o separador Definições. Aqui, pode alterar a configuração de compilação para implementar uma versão de depuração para a depuração remota. O separador também oferece várias Opções de Publicação do Ficheiro.

  3. No separador Definições, clique em Seguinte.

    Separador Definições do assistente Publicar Web

    O separador Pré-visualização vem a seguir. Aqui, tem uma oportunidade para ver os ficheiros que vão ser copiados do seu projeto para a aplicação API. Quando estiver a implementar um projeto para uma aplicação API que já tenha implementado anteriormente, apenas os ficheiros alterados são copiados. Se pretender ver uma lista daquilo que será copiado, pode clicar no botão Iniciar Pré-visualização.

  4. No separador Pré-visualização, clique em Publicar.

    Separador Pré-visualização do assistente Publicar Web

    Quando clica em Publicar, o Visual Studio inicia o processo de copiar os ficheiros para o servidor do Azure. Este processo poderá demorar um ou dois minutos.

    As janelas de Resultados e de Atividade do App Service do Azure mostram que ações de implementação foram executadas e reportam a conclusão com êxito da implementação.

    Janela de Resultados do Studio Visual a reportar uma implementação efetuada com êxito

    Após a implementação com êxito, o browser predefinido abre automaticamente no URL da aplicação Web implementada e a aplicação que criou está agora a ser executada na nuvem. O URL na barra de endereço do browser mostra que a aplicação Web é carregada a partir da Internet.

    Aplicação Web em execução no Azure

    Sugestão

    Pode ativar a barra de ferramentas Publicação com Um Clique na Web para uma implementação rápida. Clique em Ver > Barras de Ferramentas e, em seguida, selecione Publicação com Um Clique na Web. Pode utilizar a barra de ferramentas para selecionar um perfil, clicar num botão para publicar ou clicar num botão para abrir o assistente Publicar Web. Barra de Ferramentas Publicação com Um Clique na Web

Resolução de problemas

Se tiver um problema à medida que revê este tutorial, certifique-se de que está a utilizar a versão mais recente do Azure SDK para o .NET. A forma mais fácil para o fazer é transferir o Azure SDK para o Visual Studio 2015. Se tiver a versão atual instalada, o Instalador de Plataforma Web permite-lhe saber que não é necessária qualquer instalação.

Depois de ter a aplicação Web do ASP.NET em execução no App Service do Azure, pode querer saber mais sobre as funcionalidades do Visual Studio que simplificam a resolução de problemas. Para obter informações sobre o registo, a depuração remota e muito mais, consulte o artigo Resolução de problemas com as Web Apps do Azure no Visual Studio.

Passos seguintes

Neste tutorial, aprendeu a criar uma aplicação Web simples e a implementá-la numa aplicação Web do Azure. Eis alguns tópicos relacionados e recursos para aprender mais sobre o App Service do Azure: