Aplicação ASP.NET MVC Cliente de Aplicação Web API

Transcrição

1 Aplicação ASP.NET MVC Cliente de Aplicação Web API Calling a Web API From a.net Client in ASP.NET Web API 2 (C#) 1. Criar a aplicação ASP.NET Web API Visual Studio 2015 > File > New Project > Web > ASP.NET Web Application Name: WebApiLivros OK ASP.NET 4.6 Templates: Web API OK 1.1. Adicionar as classes Editora e Livro na pasta Models Models > botão direito do rato: > Class > Name: Editora.cs public class Editora public int EditoraId get; set; public string Nome get; set; Models > botão direito do rato: > Class > Name: Livro.cs public class Livro public int LivroId get; set; public string Titulo get; set; public int EditoraId get; set; public Editora Editora get; set; 1.2. Build da Aplicação Bt. dir. do rato em cima do nome do projeto da aplicação web: Build Necessário para em seguida o scaffolding poder usar as classes do modelo e do contexto Scaffolding para criar Controladores Controllers > botão direito do rato: > Controller > Scaffold: Web API 2 Controller with actions, using Entity Framework > Model class: Editora (WebApiLivros.Models) Data context class: ApplicationDbContext (WebApiLivros.Models) Use async controller actions Controller name: EditorasController

2 Controllers > botão direito do rato: > Controller > Scaffold: Web API 2 Controller with actions, using Entity Framework > Model class: Livro (WebApiLivros.Models) Data context class: ApplicationDbContext (WebApiLivros.Models) Use async controller actions Controller name: LivrosController 1.4. Verificar a criação de objetos DbSet para acesso à base de dados (na classe ApplicationDbContext) Verifique que no ficheiro Models/IdentityModels.cs apareceram 2 propriedades DbSet: Editoras e Livroes. public class ApplicationDbContext : IdentityDbContext<ApplicationUser> public ApplicationDbContext() : base("defaultconnection", throwifv1schema: false) public static ApplicationDbContext Create() return new ApplicationDbContext(); public System.Data.Entity.DbSet<WebApiLivros.Models.Editora> Editoras get; set; public System.Data.Entity.DbSet<WebApiLivros.Models.Livro> Livroes get; set; 1.5. Executar a aplicação Debug > Start Without Debugging Na barra de endereços do browser acrescentar /api/editoras ou /api/livros localhost:xxxxx/api/editoras localhost:xxxxx/api/livros

3 2. Criar a Aplicação ASP.NET MVC (Cliente da Aplicação Web API 2) Criar outra Solução Visual Studio com uma Aplicação Web MVC 5, cliente da Web API 2 (usando HttpClient) Visual Studio 2015 > File > New Project > Web > ASP.NET Web Application Name: ClienteMvcLivros OK ASP.NET 4.6 Templates: MVC OK 2.1. Adicionar as classes Editora e Livro na pasta Models Models > botão direito do rato: > Class > Name: Editora.cs public class Editora public int EditoraId get; set; public string Nome get; set; Models > botão direito do rato: > Class > Name: Livro.cs public class Livro public int LivroId get; set; public string Titulo get; set; public int EditoraId get; set; public Editora Editora get; set; 2.2 Build da Aplicação Bt. dir. do rato em cima do nome do projeto da aplicação web: Build Necessário para em seguida o scaffolding poder usar as classes do modelo e do contexto. 2.3 Scaffolding para criar Controladores e Vistas Controllers > botão direito do rato: > Controller > Scaffold: MVC 5 Controller with views, using Entity Framework > Model class: Editora (ClienteMvcLivros.Models) Data context class: ApplicationDbContext (ClienteMvcLivros.Models) Use async controller actions

4 Controller name: EditorasController Controllers > botão direito do rato: > Controller > Scaffold: MVC 5 Controller with views, using Entity Framework > Model class: Livro (ClienteMvcLivros.Models) Data context class: ApplicationDbContext (ClienteMvcLivros.Models) Use async controller actions Controller name: LivrosController 2.4 Alterar a classe EditorasController Para que esta classe possa fazer pedidos ao serviço Web API necessitámos de um cliente. A classe HttpClient pode ser usada quer para aplicações Web, aplicações de Consola ou aplicações móveis. Como vamos de necessitar desta classe em todas as ações de todos os controladores vamos escrever uma classe helper para inicializar este cliente Criar uma pasta Helpers para conter a classe de acesso à Web API ClienteMvcLivros> botão direito do rato: > New Folder > Helpers Helpers > botão direito do rato: > Class > Name: WebApiHttpClient.cs using System; using System.Net.Http; namespace ClienteMvcLivros.Helpers public static class WebApiHttpClient public const string WebApiBaseress = " public static HttpClient GetClient() HttpClient client = new HttpClient(); client.baseress = new Uri(WebApiBaseress); client.defaultrequestheaders.accept.clear(); client.defaultrequestheaders.accept.(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/json")); return client;

5 Necessário mudar a localização do serviço Web API na constante WebApiBaseress. Configurámos no objeto HttpClient: a propriedade Baseress com o endereço do serviço Web API a propriedade DefaultRequestHeaders para que o formato da resposta do serviço seja apenas o formato JSON. Começámos por fazer Clear() e depois adicionámos o formato "application/json" Classe EditorasController using System.Collections.Generic; using System.Data.Entity; using System.Threading.Tasks; using System.Net; using System.Web.Mvc; using ClienteMvcLivros.Models; using ClienteMvcLivros.Helpers; using System.Net.Http; using Newtonsoft.Json; namespace ClienteMvcLivros.Controllers public class EditorasController : Controller // private ApplicationDbContext db = new ApplicationDbContext(); // GET: Editoras Método Index de EditorasController Inicial: // GET: Editoras public async Task<ActionResult> Index() return View(await db.editoras.tolistasync()); Alterar para: // GET: Editoras public async Task<ActionResult> Index() HttpResponseMessage response = await client.getasync("api/editoras"); string content = await response.content.readasstringasync(); var editoras = JsonConvert.DeserializeObject<IEnumerable<Editora>>(content); return View(editoras);

6 else Método Details de EditorasController Inicial: // GET: Editoras/Details/5 public async Task<ActionResult> Details(int? id) Editora editora = await db.editoras.findasync(id); if (editora == null) return HttpNotFound(); Alterar para: // GET: Editoras/Details/5 public async Task<ActionResult> Details(int? id) HttpResponseMessage response = await client.getasync("api/editoras/" + id); string content = await response.content.readasstringasync(); var editora = JsonConvert.DeserializeObject<Editora>(content); if (editora == null) return HttpNotFound(); else Método Create de EditorasController Inicial:

7 // GET: Editoras/Create public ActionResult Create() return View(); // POST: Editoras/Create // To protect from overposting attacks, please enable the specific properties you want to bind to, for // more details see [HttpPost] public async Task<ActionResult> Create( [Bind(Include = "EditoraId,Nome")] Editora editora) if (ModelState.IsValid) db.editoras.(editora); await db.savechangesasync(); Alterar para: // GET: Editoras/Create public ActionResult Create() return View(); // POST: Editoras/Create // To protect from overposting attacks, please enable the specific properties you want to bind to, for // more details see [HttpPost] public async Task<ActionResult> Create( [Bind(Include = "EditoraId,Nome")] Editora editora) try string editorajson = JsonConvert.SerializeObject(editora); HttpContent content = new StringContent(editoraJSON, System.Text.Encoding.Unicode, "application/json"); var response = await client.postasync("api/editoras", content); else catch return Content("Ocorreu um erro.");

8 2.4.6 Método Edit de EditorasController Inicial: // GET: Editoras/Edit/5 public async Task<ActionResult> Edit(int? id) Editora editora = await db.editoras.findasync(id); if (editora == null) return HttpNotFound(); // POST: Editoras/Edit/5 // To protect from overposting attacks, please enable the specific properties you want to bind to, for // more details see [HttpPost] public async Task<ActionResult> Edit( [Bind(Include = "EditoraId,Nome")] Editora editora) if (ModelState.IsValid) db.entry(editora).state = EntityState.Modified; await db.savechangesasync(); Alterar para: // GET: Editoras/Edit/5 public async Task<ActionResult> Edit(int? id) HttpResponseMessage response = await client.getasync("api/editoras/" + id); string content = await response.content.readasstringasync(); var editora = JsonConvert.DeserializeObject<Editora>(content); if (editora == null) return HttpNotFound();

9 // POST: Editoras/Edit/5 // To protect from overposting attacks, please enable the specific properties you want to bind to, for // more details see [HttpPost] public async Task<ActionResult> Edit( [Bind(Include = "EditoraId,Nome")] Editora editora) try string editorajson = JsonConvert.SerializeObject(editora); HttpContent content = new StringContent(editoraJSON, System.Text.Encoding.Unicode, "application/json"); var response = await client.putasync("api/editoras/" + editora.editoraid, content); else catch return Content("Ocorreu um erro."); Método Delete de EditorasController Inicial: // GET: Editoras/Delete/5 public async Task<ActionResult> Delete(int? id) Editora editora = await db.editoras.findasync(id); if (editora == null) return HttpNotFound(); // POST: Editoras/Delete/5 [HttpPost, ActionName("Delete")] public async Task<ActionResult> DeleteConfirmed(int id) Editora editora = await db.editoras.findasync(id); db.editoras.remove(editora); await db.savechangesasync();

10 Alterar para: // GET: Editoras/Delete/5 public async Task<ActionResult> Delete(int? id) HttpResponseMessage response = await client.getasync("api/editoras/" + id); string content = await response.content.readasstringasync(); var editora = JsonConvert.DeserializeObject<Editora>(content); if (editora == null) return HttpNotFound(); // POST: Editoras/Delete/5 [HttpPost, ActionName("Delete")] public async Task<ActionResult> DeleteConfirmed(int id) try var response = await client.deleteasync("api/editoras/" + id); else catch return Content("Ocorreu um erro."); Método Dispose de EditorasController //protected override void Dispose(bool disposing) // // if (disposing) // // db.dispose(); // // base.dispose(disposing); //

11 3. Executar o Serviço e o Cliente Executar a aplicação Web API (WebApiLivros). Copiar o endereço base do serviço e colocar na classe helper WebApiHttpClient da aplicação Cliente MVC (ClienteMvcLivros). Executar a aplicação Cliente MVC (ClienteMvcLivros). Na barra de endereços do browser acrescentar /Editoras Testar as várias ações do controlador Editoras. 4. Alterar a classe LivrosController Alterar os métodos Index, Details, Create, Edit e Delete de um modo semelhante às alterações na classe EditorasController.