Compartilhar via


Uso da API Web 2 com o Entity Framework 6

Baixar Projeto Concluído

Este tutorial ensina os conceitos básicos da criação de um aplicativo Web com um ASP.NET Web API back-end. O tutorial usa o Entity Framework 6 para a camada de dados e Knockout.js para o aplicativo JavaScript do lado do cliente. O tutorial também mostra como implantar o aplicativo em Serviço de Aplicativo do Azure Aplicativos Web.

Versões de software usadas no tutorial

  • API Web 2.1
  • Visual Studio 2017 (baixe o Visual Studio 2017 aqui)
  • Entity Framework 6
  • .NET 4.7
  • Knockout.js 3.1

Este tutorial usa ASP.NET Web API 2 com o Entity Framework 6 para criar um aplicativo Web que manipula um banco de dados de back-end. Aqui está uma captura de tela do aplicativo que você criará.

Captura de tela da janela do aplicativo criado, Serviço de Livro, mostrando os painéis Livros, Detalhes e Adicionar Livro.

O aplicativo usa um design spa (aplicativo de página única). "Aplicativo de página única" é o termo geral para um aplicativo Web que carrega uma única página HTML e atualiza a página dinamicamente, em vez de carregar novas páginas. Após o carregamento inicial da página, o aplicativo conversa com o servidor por meio de solicitações AJAX. As solicitações AJAX retornam dados JSON, que o aplicativo usa para atualizar a interface do usuário.

O AJAX não é novo, mas hoje há estruturas JavaScript que facilitam a criação e a manutenção de um grande aplicativo SPA sofisticado. Este tutorial usa Knockout.js, mas você pode usar qualquer estrutura de cliente JavaScript.

Aqui estão os blocos de construção main para este aplicativo:

  • ASP.NET MVC cria a página HTML.
  • ASP.NET Web API manipula as solicitações AJAX e retorna dados JSON.
  • Knockout.js associa os elementos HTML aos dados JSON.
  • O Entity Framework conversa com o banco de dados.

Confira este aplicativo em execução no Azure

Deseja ver o site concluído em execução como um aplicativo Web ao vivo? Você pode implantar uma versão completa do aplicativo em sua conta do Azure selecionando o botão a seguir.

Você precisa de uma conta do Azure para implantar essa solução no Azure. Se você ainda não tiver uma conta, terá as seguintes opções:

Criar o projeto

Abra o Visual Studio. No menu Arquivo , selecione Novo e, em seguida, selecione Projeto. (Ou selecione Novo Projeto na página Iniciar.)

Na caixa de diálogo Novo Projeto, selecione Web no painel esquerdo e ASP.NET Aplicativo Web (.NET Framework) no painel central. Nomeie o projeto BookService e selecione OK.

Captura de tela da caixa de diálogo Novo Projeto com a opção Web no painel esquerdo e Aplicativo Web A SP dot Net no painel central realçado.

Na caixa de diálogo Novo projeto ASP.NET , selecione o modelo de API Web .

Captura de tela da caixa de diálogo Novo Projeto de Net de Ponto SP mostrando o modelo de API Web realçado em azul.

Selecione OK para criar o projeto.

Definir configurações do Azure (opcional)

Depois de criar o projeto, você pode optar por implantar em Serviço de Aplicativo do Azure Aplicativos Web a qualquer momento.

  1. Em Gerenciador de Soluções, clique com o botão direito do mouse em seu projeto e selecione Publicar.

  2. Na janela exibida, selecione Iniciar. A caixa de diálogo Escolher um destino de publicação é exibida.

    Captura de tela da caixa de diálogo Escolher um destino de publicação com a opção Serviço de Aplicativo no painel esquerdo e a opção Criar Novo no painel central selecionada.

  3. Selecione Criar Perfil. A caixa de diálogo Criar Serviço de Aplicativo é exibida.

    Captura de tela da caixa de diálogo Criar Serviço de Aplicativo com valores inseridos nos campos nome do aplicativo, assinatura, grupo de recursos, plano de hospedagem e insights.

    Aceite os padrões ou insira valores diferentes para o nome do aplicativo, o grupo de recursos, o plano de hospedagem, a assinatura do Azure e a região geográfica.

  4. Selecione Criar um banco de dados SQL. A caixa de diálogo Configurar SQL Server é exibida.

    Captura de tela da caixa de diálogo Configurar servidor S Q L com valores inseridos nos campos nome do servidor, local, nome do administrador e senha de administrador.

    Aceite os padrões ou insira valores diferentes. Insira um nome de usuário administrador e uma senha de administrador para seu novo banco de dados. Selecione OK ao concluir. A página Criar Serviço de Aplicativo reaparece.

  5. Selecione Criar para criar seu perfil. Uma mensagem aparece no canto inferior direito indicando que a implantação está em andamento. Após pouco tempo, a janela Publicar reaparece.

    Captura de tela da janela Publicar mostrando o perfil recém-criado, os detalhes do perfil e as opções de gerenciamento.

    O perfil que você criou para implantar o aplicativo agora está disponível.