spring e flex

Spring & Flex

Marcello [email protected]

Java User Group Milanohttp://www.jugmilano.it

Spring Meeting Settembre 2009 - Cagliari

mailto:[email protected]

http://www.jugmilano.it/

Spring Meeting Settembre 2009 2

Di cosa parleremo?

● Introduzione a RIA● Flex● BlazeDS● Spring BlazeDS Integration● Spring ActionScript● Red5


Due parole sullo speaker

● Coordinatore del JUG Milano● Moderatore SpringFramework-IT● Moderatore Gruppo Italiano Utenti Groovy● Socio e CTO in ExcogitaNet● più twitterer: http://twitter.com/magomarcelo

che blogger: http://magomarcelo.blogspot.com● Prima presentazione su RIA a Java Conference '05● Speaker ad All4Web, evento RIA cross-community

http://www.jugmilano.it/

http://it.groups.yahoo.com/group/SpringFramework-it/

http://it.groups.yahoo.com/group/groovyiug/

http://twitter.com/magomarcelo

http://magomarcelo.blogspot.com/

http://www.all4webday.com/


Definizione di Rich Internet Application

"web applications have extended the reach of enterprises to customers, offering anywhere and anytime access. However, this has

been at the expense of the overall user-experience, which is diminished by delivery through the web browser"

Steven Webster e Alistair McLeod,autori del libro Flex Integration with J2EE, 2005

http://www.theserverside.com/articles/article.tss?l=Flex→ un nuovo tipo di web application che ne superi i limiti?

Caratteristiche:● web deployment● logica applicativa suddivisa fra client e server● interazione immediata senza percezione di un roundtrip sul server● accesso a contenuti rich: audio/video

http://www.theserverside.com/articles/article.tss?l=Flex


Architettura di Riferimento


Client Runtime

La scelta del runtime:● JVM/JavaFX

Il ritorno delle Applet in una veste più adatta al mondo RIA. Estensione sul desktop tramite Java WebStart.

● AJAXMagia tramite JavaScript e XMLHttpRequest. Estensione sul desktop tramite soluzioni browser-embedded come Prism.

● Flash/FlexBrowser plugin per animazioni vettoriali, via via arrichitosi nelle versioni recenti di funzionalità applicative.Estensione sul Desktop tramite il runtime AIR.

● SilverlightBrowser plugin che implementa una versione ridotta del runtime di .NET con funzioni GUI e media avanzate.


Backend

Qual è il backend più adatto per le RIA?

Va bene qualsiasi soluzione di esportazione remota su internet di servizi, purché esponga le proprie funzionalità in:● XML over HTTP (ReST)● web service “standard” SOAP● formati “nativi” in base al runtime scelto

– Java Serialization Protocol ed RMI over HTTP per JVM– AMF3 per Flash– JSON per AJAX


Elementi di scelta per backend RIA

● Modalità di remoting già supportate dal runtime o disponibili tramite librerie aggiuntive o sviluppo custom

● Serializzazione dati nativa o parsing● Compromesso fra effort di implementazione

e performance, intesa come tempo di processing lato client e dati scambiati su rete


Benchmarkinghttp://www.jamesward.com/census/

http://www.jamesward.com/census/


La Flash Platform di Adobe


Flex in dettaglio● Flash/AIR

Runtime web e desktop per Windows/Mac/Linux.● ActionScript 3

linguaggio ad oggetti ECMA3 analogo a JavaScript introdotto con Flash versione 9

● Flex SDK opensource– framework componenti grafici (e non solo)– linguaggio dichiarativo MXML duale di AS3– compilatore mxmlc da MXML e AS3 a SWF– task per ant (per Maven vedi FlexMojos)

● Flex (ora Flash) Builder IDE commercialeambiente di sviluppo per Flex basato su Eclipse


BlazeDS

● Cos'è?Soluzione “ufficiale” di Adobe per la realizzazione di backend in Java per applicazioni Flex

● Nasce come prodotto server commerciale con nome Flex Data Services, a JavaPolis 2007 viene presentato in versione opensource con nome BlazeDS insieme alla sua estensione commerciale LiveCycle Data Services.


Cosa offre BlazeDS?


Come si configura BlazeDS● il file principale è services-config.xml che

include a sua volta:– remote-services.xml per remoting– messaging-services.xml per publish-subscribe– proxy-services.xml per proxying SOAP/HTTP

in assenza di file crossdomain.xml● contiene le configurazioni delle destination che

identificano i servizi di backend con i quali interagisce il client Flex

● ad ogni destination è associato una configurazione di un adapter verso l'implementazione del servizio


RemoteObject Flex API

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:RemoteObject id="ro" destination="productService"/><mx:DataGrid dataProvider="{ro.findAll.lastResult}"

width="100%" height="100%"/><mx:Button label="Get Data" click="ro.findAll()"/>

</mx:Application>

NB in questo caso il client Flex deve essere compilato insieme ad un services-config.xml opportunamente configurato con la URL associata alla destination “productService” indicata esplicitamente oppure con i token di sostituzione e i rispettivi valori passati dal compilatore mxmlc o da Flex Builder.


Mapping Java-FlexJavapackage it.jug...odel;

public class Product { private Integer id; private String name; public Long getId() { return id; }

public void setId(Long id) { this.id = id; } public String getName() { return name; }

public void setName(String name) { this.name = name; }}

ActionScriptpackage {

[Bindable] [RemoteClass(alias="it...l.Product")] public class Product { public var id:*; public var name:String; }

}


Spring Remoting

● Modello generale per rendere accessibili esternamente i servizi Spring

● Adatto ad interazioni sincrone request-response

● Permette di implementare facilmente il backend di un'applicazione RIA

● Grazie alle funzionalità offerte da Spring, NON devo necessariamente pensare la mia applicazione in funzione della tecnologia con cui il client può accedere


Spring BlazeDS Integration

● Progetto congiunto SpringSource e Adobehttp://www.springsource.org/spring-flex

● Implementa Spring Remoting per Flex● Semplifica la configurazione di BlazeDS● Usa di BlazeDS la serializzazione AMF3,

tralasciando le funzionalità da “application server”=> la scelta migliore per applicazioni RIA

realizzate con Flex

http://www.springsource.org/spring-flex


Cosa offre Spring BlazeDS Integration?● la servlet di BlazeDS non crea più le destination,

ci pensa Spring con un Exporter adhoc!● Spring avvia il message broker di BlazeDS● un namespace adhoc per configurare Spring, flex● annotation (RemoteDestination) in alternativa alla

configurazione via XML● SpringLoginCommand per integrare

l'autenticazione di Spring Security→ una versione “ufficiale” ed estesa di soluzioni già presenti in giro su internet per blog di Adobe e non (già raccolte in modo “non ufficiale” nel progetto FNA http://fna-v2.googlecode.com/)

http://fna-v2.googlecode.com/


Un esempio

Realizzazione di un semplice servizio di yellow pages:● Interfaccia CompanyService● Implementazione CompanyServiceImpl● Model Company.java e Company.as● Configurazione Exporter BlazeDS

→ per client Flex● Configurazione Exporter CXF o Jersey su

JSON→ per client AJAX


AOP e Spring Security

● Come proteggere il nostro backend RIA?● Integro Spring Security via AOP non

modificando la mia implementazione!● Spring Security supporta tutti i più noti

meccanismi di autenticazione: su database, LDAP, NTLM e anche SSO come CAS

● Integrazione con applicazioni web “classiche” su Spring MVC tramite la DispatcherServlet, implementazione del pattern FrontController


AOP e Spring Securityhttp://www.mindtheflex.com/?p=67

http://www.mindtheflex.com/?p=67


Spring Remoting vs. Hibernate

● Caso d'uso: devo pubblicare un servizio Spring che accede a database tramite Hibernate

● Problema: come faccio a gestire le relazioni “lazy” nell'interazione con un client RIA senza avere la malefica LazyInitializationException?

● Soluzione: tramite Spring AOP serializzo solo i dati che posso effettivamente spedire e ricevere, ad esempio solo gli ID degli oggetti in relazione!


Messaging

● Spring Remoting va bene per interazioni sincrone stile request-response, e per interazioni asincrone stile publish-subscribe?

● Spring Integration è il nuovo progetto di Spring che definisce il modello astratto per gestirle e contiene implementazioni su JMS e POJO

● Spring Integration è già supportato nella release 1.0.0 di Spring BlazeDS Integration, come adapter per il messaging.


Publisher-Subscriber Flex API<?xml version="1.0" encoding="UTF-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script><![CDATA[

import mx.messaging.messages.AsyncMessage;

private function send():void {var messageBody:Object = {userId:userId.text, chatMessage: msg.text};producer.send(new AsyncMessage(messageBody));msg.text = "";

}

private function msgHandler(message:IMessage):void {log.text += message.body.userId + ": " + message.body.chatMessage + "\n";

}]]>

</mx:Script> <mx:Producer id="producer" destination="chat"/>

<mx:Consumer id="consumer" destination="chat" message="msgHandler(event.message)"/><mx:TextArea id="log" width="100%" height="100%"/><mx:TextInput id="userId" width="100"/><mx:TextInput id="msg" width="100%" enter="send()"/>

</mx:Application>

NB su BlazeDS posso usare un Adapter ActionScript fra soli client Flex o un JMS Adapter per interagire con una coda JMS, invece con Spring BlazeDS Integration posso anche usare un channel POJO di Spring Integration o inviare messaggi da server tramite la classe MessageTemplate analogamente a quanto disponibile con SimpleMailMessage per JavaMail

http://www.adobe.com/2006/mxml


Spring ActionScript● Un IoC Container per ActionScript● Argina il proliferare di singleton nel codice

Flex/AS3● nasce come Prana Framework da Cristophe

Herreman: http://www.herrodius.com/● entra a far parte di Spring Extensions● Attualmente alla versione 0.8.1:

– configurazione object factory in XML con gestione namespace

– autowiring tramite metadata– integrazione MVC generica più estensioni

per Cairngorm e PureMVC

http://www.springframework.org/

http://www.herrodius.com/


Spring ActionScript 101

● Creo un oggetto AS3 come interfaccia ed implementazione

● Lo aggiungo al file XML di Spring AS● Esternalizzo proprietà in un file di properties

caricato dal file XML● Nella mia mx:Application effettuo il bootstrap

di XmlApplicationContext oppure di FlexXmlApplicationContext

● Annoto con metadata [Autowired] i reference cui voglio venga applicata la dependency injection


RPC e Messaging namespace● aggiungo il supporto ai namespace al mio

ApplicationContext di Spring ActionScript:applicationContext.addNamespaceHandler(new RPCNamespaceHandler());applicationContext.addNamespaceHandler(new MessagingNamespaceHandler());

● dichiaro nell'intestazione del file XML lo schema relativo:<?xml version="1.0" encoding="UTF-8">

<objects xmlns="http://www.springactionscript.org/schema/objects" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:messaging="http://www.springactionscript.org/schema/messaging" xsi:schemaLocation="http://www.springactionscript.org/schema/objects http://www.springactionscript.org/schema/objects/spring-actionscript-objects-1.0.xsd http://www.springactionscript.org/schema/messaging/spring-actionscript-messaging-1.0.xsd">

● aggiungo i riferimenti ai miei RemoteObject in questo modo e configuro channel e channel set:<object id="amfChannel" class="mx.messaging.channels.AMFChannel"> <property name="uri" value="${blazeds.url}"/></object><messaging:channel-set id="cs" channels="amfChannel"/><rpc:remote-object id="ro" channel-set="cs" destination="productService"/>

● esternalizzo le properties di configurazione● imposto i miei RemoteObject come dipendenze

http://www.springactionscript.org/schema/objects

http://www.w3.org/2001/XMLSchema-instance

http://www.springactionscript.org/schema/messaging

http://www.springactionscript.org/schema/objects

http://www.springactionscript.org/schema/objects/spring-actionscript-objects-1.0.xsd


Red5

● Cos'è?Server di streaming opensource in Java per client Flash alternativo a Flash Media Server.

● Basato su:– Spring– Apache Mina– Tomcat

● Versione 0.8 stabile, in arrivo 0.9 RC1● Deployment come server standalone, war in

application server ed embedded


Cosa offre Red5?● Implementazione in reverse engineering del

protocollo RTMP, reso pubblico a gennaio da Adobe, con supporto varianti RTMPS e RTMPT

● Streaming Audio/Video● Recording Client Streams ● Remote Shared Objects● Live Stream Publishing● Remoting (AMF) per Flex API● client-to-server method call● server-to-client method client


Creare applicazioni Red5

● WAR packaging– WEB-INF

● lib● classes● web.xml● red5-web.xml (configurazione spring)● red5-properties.xml (properties per

sostituzione placeholder spring)● Per deployment embedded bisogna

aggiungere le configurazioni spring del server Red5


Come Red5 usa Spring● 2 livelli di ApplicationContext

– 1 parent application context● red5-common.xml → beans del server Red5● red5-core.xml → endpoint Mina TCP● red5-default.xml → root context Red5 di default

– N child application context → per applicazione WAR● red5-web.xml

● bean contenuti in un'application:– context– 1 o più scope– handler → entry point dell'applicazione Red5, deve essere

un bean del seguente tipo o sua sottoclasse: org.red5.server.adapter.ApplicationAdapter


Un'applicazione Red5Java Serverpackage the.path.to.my;import org.red5.server.adapter.ApplicationAdapter; public class Application extends ApplicationAdapter { public Double add(Double a, Double b){ return a + b; }}

ActionScript Clientnc = new NetConnection();nc.connect("rtmp://localhost/myapp", "myusername", "mypassword");nc.onResult = function(obj) { trace("The result is " + obj);}nc.call("add", nc, 1, 2);ns = new NetStream(nc);video = new Video();// publishns.attachCamera(Camera.getCamera());ns.publish("my-video", "live");// playvideo.attachNetStream(ns);ns.play("your-video");


Red5 al posto di FMS?SI!● sviluppo in Java con Spring invece che in script ActionScript

NON a oggetti– maggiori possibilità di integrazione– testing– posso fare scripting anche in Groovy, Jython e JRuby

● clustering con Terracotta● balancing con configurazione edge-origin ed MRTMP

Ma neanche per sogno!● non è la soluzione ufficiale supportata da Adobe!● non offre encryption tramite RTMPE che è un protocollo

proprietario!


Riferimenti● Spring BlazeDS Integration

http://www.springsource.com/spring-flex● Cristophe Coenraets Blog – esempi su Spring BlazeDS

Integrationhttp://coenraets.org/blog/

● Flexmojos – plugin Maven per Flexhttp://flexmojos.sonatype.org/

● Spring ActionScripthttp://www.springactionscript.org

● Red5http://www.red5.org

● “mavenized” Red5http://code.google.com/p/jakubiak-red5/

http://www.springsource.com/spring-flex

http://coenraets.org/blog/

http://flexmojos.sonatype.org/

http://www.springactionscript.org/

http://www.red5.org/

http://code.google.com/p/jakubiak-red5/


Q&AQ&A

spring e flex

Technology