Aplicaciones Web Modernas y Escalables

29 NOVIEMBRE 2014, PUCMM , SANTIAGO DE LOS CABALLEROS, R. D.

@eudriscabrera @eudriscabrera

EUDRIS CABRERA RODRÍGUEZBARCAMP RD 2014

HTML5, REST, JSON, ANGULARJS Y JAVA EE 7

● Ingeniero Telemático | Consultor Desarrollador Informático en PAFI / Ministerio de Hacienda.

● Más de 7 años de experiencias en desarrollo de sistemas bajo Java SE y Java EE.

● Entusiasta de la tecnología y el software libre.● Miembro del equipo de desarrollo de Astive Toolkit http://astivetoolkit.org

Comunidades

● Github: @ecabrerar Google Groups: @letsrockjava

Sobre Eudris Cabrera Rodríguez

Agenda

● Definición de aplicaciones web modernas.

● Opciones disponibles en el mundo de Java.

● Como construir aplicaciones web modernas usando Java EE 7

○ Aspectos importantes de Java EE 7

○ AngularJS

○ Opciones para despliegue en la nube

○ Limitaciones y desafíos de Java EE 7

● Ejemplo Integración Java EE 7 con AngularJS

● Caso de Estudio: Miles2Run (http://www.miles2run.org)

Definición de Aplicaciones Web Modernas

● Expone servicios REST en formato JSON.

● Usa HTML 5.

● Aplicación web de una sola página (SPA).

● Sin estado (Stateless) para que pueda escalar horizontalmente.

● Usa OAuth.

● Adopta persistencia poliglota.

● Usa diseño web adaptable (Responsive Web Design).

● Orientada a la nube.

● Es social.

Ejemplo de persistencia poliglota

Cortesía de http://martinfowler.com/bliki/PolyglotPersistence.html

Opciones disponibles en el mundo de Java

● Java EE 7

● Spring Framework

● Google Web Toolkit

● Play Framework

● Spark Micro Web Framework

Como construir aplicaciones web modernas usando Java EE 7

● Los API de Java EE ofrecen un buen punto

de inicio para el desarrollo de este tipo de

aplicaciones.

● Los APIs CDI, JAX-RS, JPA son el corazón

de cualquier aplicación web moderna.

Como construir aplicaciones web modernas usando Java EE 7

REST API

Business Tier

RDBMS or

NoSQL

CDI JAX-RS JPA

Web SPA

Angular / HTML 5

Push Notifications

Aspectos importantes de Java EE 7

● Construido sobre la base de Java EE6.

● Desarrollo basado en estándares.

● Portabilidad a través de los servidores de aplicaciones

● Soporte para HTML5.

● Despliegue ligero

Plataforma Java EE 7

Un vistazo a algunos API de Java EE

CDI 1.1 ---‐ Contexts and Dependency Injection

● Permite utilizar inyección de dependencia en el entorno Java EE sin

necesidad de utilizar librerías de terceros.

● El contenedor CDI gestiona el ciclo de vida de los componentes.

● CDI trae inyección de dependencias, contexto, alcances e interceptores.

CDI 1.1:¿Qué hay de nuevo en Java EE 7?

Uno de los cambios más significativos de CD 1.1/Java EE 7, es que CDI está activada de forma predeterminada.

Ahora también proporciona un control más preciso sobre la exploración de componente mediante el atributo 'bean-discovery-mode', con sus tres posibles valores annotated, all y none.

Si no se especifica nada y no hay beans.xml, asume el modo 'annotated' de forma predeterminada.

JPA (Java Persistence API)● Framework para manejar los datos de una base de datos relacional a un

mapeo de objeto (ORM).

● JPA proporciona un API para realizar operaciones de crear, consultar, actualizar y borrar en entidades.

● Una entidad es un POJO, cuyo estado es mapeado a una tabla de base de datos relacional.

● JPA también proporciona un lenguaje de consulta para hacer consultas en entidades almacenados en bases de datos relacionales.

JPA(Java Persistence API)

Los elementos nuevos JPA 2.1:

● Soporte procedimientos almacenados

● Tipo de conversión

● Criteria Update / Delete

● Creación runtime named Queries

JPA 2.1--¿Qué hay de nuevo en Java EE 7?

Clase Entidad - JPA

Bean Validation

● Define un modelo de metadatos y una interfaz para la validación de JavaBeans.

● Validación basada en anotaciones

● Permite sobreescribir y extender estos metadatos por medio del uso de descriptores de validación en formato XML.

Ejemplo de Bean Validation

¿Qué hay de nuevo en Java EE 7?

Bean Validation 1.1 estuvo enfocado en los siguientes temas:

● Validación a nivel de método (validación de parámetros o valores de

retorno)

● Inyección de dependencias para los componentes Bean Validation

● Integración con el contexto y la inyección de dependencias (CDI)

● Integración con JAX‐RS

Validación de métodos

Integración con CDI

● Representational State Transfer (REST):

○ Servicio web sobre HTTP representado con JSON.

○ Estándar Flexible

○ Operaciones definidas, GET, POST, PUT y DELETE soportando un

CRUD.

Servicios Web REST

JavaScript Object Notation: Es un formato ligero para el intercambio de datos.

Su simplicidad ha dado lugar a la generalización de su uso, especialmente como alternativa a XML como representación de objetos y es el estándar de facto para servicios REST.

JSON

● API de Java para crear servicios web REST

● Simplifica el proceso de creación de servicios Web mediante Plain Old Java Objects (POJOS) y anotaciones.

● Mapea las peticiones HTTP con invocaciones de método Java

● Incluye anotaciones para implementar servicios Web: @Path, @Get, @Put, @Post, @Delete,@PathParam, @QueryParam @Produces, @Consumes, entre otros.

JAX-RS

Ejemplo Clase JAX-RS

JAX-RS 2.0:

○ Introduce elementos que ayudan a la productividad.○ Simplifica el API○ Incluye los siguientes aspectos:

■ API para el Cliente■ Llamadas Asincrónicas vía Http■ Filtros e interceptores

¿Qué hay de nuevo en Java EE 7?

AngularJS

● Extiende HTML para agregar dinamismo para que podamos construir

aplicaciones web modernas con facilidad.

● Enfoque declarativo

● Elimina la manipulación DOM por la vinculacion de datos en dos via.

● Ideal para la construcción de aplicaciones web de una página sencilla

Porque AngularJS ?

● Consta con el respaldo de Google y goza de una gran comunidad de

desarrolladores.

● Full Stack framework : Esto significa que no tengo que depender de otros

scripts con la incertidumbre de se integrarán perfectamente.

Principales Componentes de AngularJS

● Controlador (Controller): Código detrás de la vista.

● Alcance(Scope): Contiene los datos del modelo.

● Módulo(Module): Para definir los nuevos servicios o utilizar los servicios

existentes, directivas, filtros, etcétera.

● Directiva: le permite extender HTML definiendo sus directivas HTML

específica propia del proyecto.

AngularJS en Acción

Opciones para despliegue en la nube

Limitaciones y desafíos de Java EE

● Java EE no tiene soporte proveedores

de OAuth como Twitter

● Diseñar para que tu aplicación trabaje

como Single SPA

● Los contenedores servlets no crean

sesiones cuando renderiza páginas

HTML 5

Código fuente de los ejemplos en GitHub

https://github.com/ecabrerar/javaee7-angular-barcamprd2014

Ejemplo Integración Java EE 7 con AngularJS

Un proyecto de ejemplo para demostrar el uso de Java EE 7 y AngularJS.

Technology Stack● Java EE 7 y JDK 7

– JPA,EJB,CDI,JAX--‐RS● MySQL● AngularJS● Twitter Bootstrap● Glassfish 4.0

https://github.com/ecabrerar/javaee7-angular-booklibrary

Caso de Estudio: Miles2Run

● Red social para corredores http://www.miles2run.org

● Aplicación que permite almacenar a los corredores sus actividades diarias

● Construida sobre Java EE 7

● Autenticación usando Twitter, Facebook y Google.

● Código disponible en https://github.com/miles2run/miles2run

¿Preguntas?

Asuntos Legales

Todas las marcas registradas, así como todos los logotipos, imágenes,

fotografías, audio y vídeos mostrados en esta presentación son propiedad

de sus respectivos propietarios y/o representantes.

Su utilización es solamente para fines ilustrativos.

Referencias

● http://www.slideshare.net/shekhargulati/modern-web-application-development-with-java-ee-7

● https://thinkster.io/angulartutorial/mean-stack-tutorial

● https://angularjs.org/

● https://blog.openshift.com/day-2-angularjs-getting-my-head-around-angularjs/

● http://java.dzone.com/articles/whats-new-jax-rs-20

● http://www.infoq.com/news/2013/06/Whats-New-in-JAX-RS-2.0

@eudriscabrera

@eudris

@ecabrerar

@eudriscabrera

Eudris Cabrera Rodríguez Ingeniero Telemático

Desarrollador de Software / Consultor Informático

eudris@gmail.com

https://www.linkedin.com/in/eudriscabrera

http://www.slideshare.net/eudris

https://twitter.com/eudriscabrera

https://github.com/ecabrerar