RencontresGWT

La face cachée de
GWT
Developpez.com
Tv4it.com
Sfeir, SmartTrade
Sami Jaber
Webmaster du site DotNetGuru.org (DNG)
Architecte Valtech Toulouse
© 2007 – DNG
Programme
Introduction
Les différentes phases du compilateur GWT
Le modèle RPC
Conclusion
2
Introduction
GWT se décompose en deux grandes briques
• Le Framework de composants
• Le compilateur Java vers Javascript
Le compilateur GWT incarne les racines du
Framework
Peu ou pas d’articles traitent de cette face
cachée de GWT
Les performances de GWT découlent
directement du fonctionnement du compilateur
3
Le packaging GWT
Didier
gwt-user.jar
gwt-dev-[platform].jar
Le Framework
Sami
Les outils
4
Le compilateur
Application
Java
Site
HTML/JavaScript
GWTCompiler
com.myApplication.MyApplication
-out c:\website\com.my….
5
Les phases de compilation
Chargement du module (méta-données, règles)
Préparation des règles de permutation
Pour chaque permutation, compilation Java vers
JavaScript
Génération des fichiers
6
Chargement des modules
Le chargeur de module (ModuleDefLoader)
effectue un parcours récursif de l’arbre des
modules
Extrait les informations des schémas
• Binding
• Generators
• Extends, Properties, …
7
Les permutations
Chargement du module (méta-données, règles)
Préparation des règles de permutation
Pour chaque permutation, compilation Java vers
JavaScript
Génération des fichiers
8
Principe général
Télécharge uniquement
la version nécessaire
au navigateur client
Un seul
code
Java
… puis le met en cache
indéfiniment
9
La compilation
Chargement du module (méta-données, règles)
Préparation des règles de permutation
Pour chaque permutation, compilation Java vers
JavaScript
Génération des fichiers
10
Qu’est-ce qu’un AST ?
GWT s’appuie intensivement sur les AST
(Abstract Syntax Tree)
Un arbre syntaxique est une représentation
arborescente d’un code source (généralement)
compilé
•
•
•
Expressions
Blocks
Types
IdUse
Stmt
AssignStmt
Block
Exp
Exp
IfStmt
Stmt
11
Compilateur : Eclipse JDT
IfStmt :: “if” Exp “then” Stmt
Class ASTNode{
protected ASTNode[] children;
}
class IfStmt extends ASTNode{
final protected Token token_if, Exp exp, Token token_then, Stmt stmt;
IfStmt(Token token_if, Exp exp, Token token_then, Stmt stmt){
// parse tree construction
this.token_if = token_if;
this.exp = exp;
this.token_then = token_then;
this.stmt = stmt;
// IR tree construction
children[0] = exp;
children[1] = stmt;
}
}
12
Fusion des arbres AST
GWT s’appuie sur Eclipse JDT pour compiler
les classes et sur TypeOracle son parseur
maison pour les sources
AST JDT Java
ICompilationUnit
AST GWT
(JProgram)
IField
JClassType
JavaDoc
IType
JSNI
13
Pourquoi cette fusion ?
Optimisation et
gestion native !
14
Optimisations du compilateur
1
Pruner
• Supprime les classes, les champs et les méthodes inutilisées
2
Method and class finalizer
• Finalise les méthodes et les champs
3
MakeCallsStatic
• Réécrit le code non-polymorphique en appel statique
4
TypeTightener
• Le compilateur infère les types les plus spécifiques pour éviter
d’utiliser des types abstraits
5
MethodCallTightener
• Réalise la même opération que TypeTighener, mais pour les appels
de méthodes (appels polymorphiques transformés en appels
spécifiques)
6
DeadCodeElimination
• Elimination de code mort (jamais appelé)
7
MethodInliner
15
STATIQUE!
L’optimisation induite par le compilateur peut
réduire potentiellement par 10 la taille du code
JavaScript
Possible uniquement grâce au fait que le
chargement dynamique est impossible
• Pas d’eval() JavaScript ou de newInstance() Java
Même dans un contexte purement JavaScript
(non AJAX), le compilateur GWT a du sens !
La théorie des compilateurs appliquée à
JavaScript (il fallait oser !)
16
Le modèle de communication
Toute communication avec la couche serveur
s’opère via le protocole RPC
• Le service s’appuie sur l’API JEE Servlet
Les appels sont asynchrones (classe
AsyncCallback)
Le code serveur n’est pas converti en Javascript
• Possibilité d’utiliser le JDK 1.5 et toutes les classes du
Framework Java
Les types sont sérializés automatiquement par
GWT
• suivant un format spécifique RPC
17
Le Framework RPC
Le développeur implémente 3 classes
ServiceDefTarget
(Interface)
RemoteService
(Interface)
RemoteServiceServlet
(class)
hérite
MyServiceAsync
(Interface)
hérite
MyService
(Interface)
implémente
MyServiceImpl
(class)
relation
Classes importées du Framework
implémente
MyServiceProxy
(class)
Classes à implémenter
Générées automatiquement
Client
Serveur
18
Le service RPC côté serveur
L’implémentation du service
package com.mycompany.project.server;
import java.util.Date;
import com.google.gwt.user.server.rpc.RemoteServiceServlet;
import com.mycompany.project.client.MyOrderService;
import com.mycompany.project.client.Person;
HttpServlet
public class MyOrderServiceImpl extends RemoteServiceServlet
implements MyOrderService {
}
public String getOrderByName(String name) {
return name;
Interface de
}
Service Remote
public Person getPersonByID(int id) {
Person p = new Person();
p.setAge(new Date());
p.setName("Martin");
JavaBean
public class Person implements
p.setId(1);
java.io.Serializable {
p.setSalary(100);
Serializable
private int id;
return p;
private float salary;
}
private String name;
private Date age;
// setters/getters
}
19
Le service RPC côté client
Définir l’interface de service
package com.mycompany.project.client;
import com.google.gwt.user.client.rpc.RemoteService;
public interface MyOrderService extends RemoteService {
public String getOrderByName(String name);
public Person getPersonByID(int id);
}
L’interface asynchrone cliente est générée par les
outils
MyOrderServiceAsync orderService = (MyOrderServiceAsync)
GWT.create(MyOrderService.class);
Instancie le bon service
et récupère un proxy Asynchrone
// Converti le proxy en ServiceDefTarget pour lui assigner l’URL
ServiceDefTarget endpoint = (ServiceDefTarget) orderService;
String moduleRelativeURL = GWT.getModuleBaseURL() + "MyOrderService";
endpoint.setServiceEntryPoint(moduleRelativeURL);
20
Quelques remarques
GWT 1.4 a sensiblement revu son architecture
RPC pour la rendre plus extensible
Possibilité d’utiliser tout type de moteur
d’injection POJO compatible :
• Spring
• Guice, EJB 3, RMI, Corba …
Attention à la sérialisation des types
• GWT donne l’impression que le couplage client et serveur
est faible : c’est une illusion !!
• Oubliez côté client les protocoles tels que Soap ou RMI…
• Le client reste en JavaScript et JavaScript même masqué
par Java reste du bon vieux JavaScript interprété
• RPC is the way to go
21
10 raisons d’investir dans GWT
Communauté
Marge de progression
Productivité
Richesse fonctionnelle (AJAX)
Pérennisation des compétences (JAVA)
Extensibilité
Intégration avec l’existant
Standards ouverts (XML, JSon, J2EE)
Open Source
Simplicité
• attention : « simple » pas « simpliste »
22
Quelques liens
Sites
• GWT Groups
• http://www.onGWT.com
• http://www.gwtpowered.com
Livres
• GWT en Action
Formations
• 3 jours sur GWT 1.4
Me contacter : [email protected] (formation,
conseil, séminaires, mariages, baptême...)
23