TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES. Facultad de Estadística e Informática

Transcripción

1 TECNOLOGIAS PARA LA INTEGRACION DE SOLUCIONES

2 Clase 24 Tema 4: Servicios Web RESTful

3 Clase 24 Práctica. Creando una aplicación Web y una Web API para acceder a una base de datos. Parte 2.

4 Clase 24 Práctica. Creando una aplicación Web y una Web API: Página HTML: MVC ASP.NET Base de datos: Entity Framework Manejo de solicitudes AJAX y retorno de datos JSON: ASP.NET Web API Enlazar los elementos HTML a los datos JSON: jquery

5 Modelo: Es la representación del lado del servidor de los datos en el dominio del negocio (libros y autores). View: Es la capa de presentación (HTML) View Model: Es un objeto JavaScript que mantiene los modelos. Es una abstracción de código de la Interfaz de Usuario (UI). No tiene conocimiento de la representación HTML. Representa aspectos abstractos de la vista tales como una lista de libros. Captura eventos de la vista, como botones. Proyecto

6 Data Transfer Objects (DTOs) Hasta el momento la Web API expone las entidades de la base de datos al cliente. En ocasiones deseamos cambiar la forma de los datos que son enviados al usuario, por ejemplo: Esconder propiedades que no deben visualizar Omitir datos para reducir el tamaño de carga Evitar vulnerabilidad en sobre exposición de datos Etcétera

7 Data Transfer Objects (DTOs) Para ello se definen Data Transfer Objects (DTOs), que definen la forma en la que los datos se enviarán a través de la red. Agregaremos dos clases DTO al proyecto BookService.

8 Data Transfer Objects (DTOs) Models->Agregar->Clase BookDetailDTO public class BookDetailDTO { public int Id { get; set; } public string Title { get; set; } public int Year { get; set; } public decimal Price { get; set; } public string AuthorName { get; set; } public string Genre { get; set; } }

9 Data Transfer Objects (DTOs) Models->Agregar->Clase BookDTO public class BookDTO { public int Id { get; set; } public string Title { get; set; } public string AuthorName { get; set; } }

10 Data Transfer Objects (DTOs) Reemplazaremos los dos métodos GET y el método POST de la clase BooksController, con el fin de retornar los DTO creados.

11 Data Transfer Objects (DTOs) // GET: api/books public IQueryable<BookDTO> GetBooks() { var books = from b in db.books select new BookDTO() { Id = b.id, Title = b.title, AuthorName = b.author.name }; } return books;

12 Data Transfer Objects (DTOs) // GET: api/books/5 [ResponseType(typeof(BookDetailDTO))] public async Task<IHttpActionResult> GetBook(int id) { var book = await db.books.include(b => b.author).select(b => new BookDetailDTO() { Id = b.id, Title = b.title, Year = b.year, Price = b.price, AuthorName = b.author.name, Genre = b.genre }).SingleOrDefaultAsync(b => b.id == id); if (book == null) { return NotFound(); } } return Ok(book);

13 Data Transfer Objects (DTOs) // POST: api/books [ResponseType(typeof(Book))] public async Task<IHttpActionResult> PostBook(Book book) { if (!ModelState.IsValid) { return BadRequest(ModelState); } db.books.add(book); await db.savechangesasync(); // New code: // Load author name db.entry(book).reference(x => x.author).load(); var dto = new BookDTO() { Id = book.id, Title = book.title, AuthorName = book.author.name }; } return CreatedAtRoute("DefaultApi", new { id = book.id }, dto);

14 Creando la Vista (HTML) A continuación crearemos la vista usando HTML y el ViewModel con JavaScript, a través del cual: Se listarán los libros existentes Se mostrará el detalle de un libro Se agregará un libro nuevo

15 Creando la Vista (HTML) Index.html

16 Creando la Vista (HTML) Descargar código de index.html

17 Creando el ViewModel En la carpeta Scripts del proyecto Ag regamos el archivo Javascript con el nombre app.js

18 Creando el ViewModel Descargar código de app.js

19 Creación del proyecto

20 Gracias por su atención

21 Referencias ASP.NET MVC 4 and the Web API. (diciembre de 2012). Jaime Kurtz. apress. Obtenido de: REST Vs Web Services (2006). Rafael Navarro. Modelado, Diseño e Implementación de Servicios Web. Obtenido de: RESTful Web Services(2007). Leonard Richarson & Sam Ruby. O Really. Obtenido de: Getting Started with ASP.NET Web API 2. (2015). Mike Watson. Microsoft Docs. Obtenido de: