Einführung in Google Web Toolkit

Transkript

1 Einführung in Google Web Toolkit Lars Pfannenschmidt Tobias Ullrich Software Freedom Day 2009 Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

2 Aus dem Leben: AJAX ist die Zukunft! Du musst uns eine neue Webseite bauen die interaktiv und animiert ist. Außerdem soll sie wie eine Desktop Applikation benutzbar sein. Die Seite muss im Internet Explorer, Firefox und Safari funktionieren. Wann kannst du fertig sein? Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

3 Was ist GWT? Umgebung um Webanwendungen in Java zu schreiben Bis auf einige native Libraries komplett Java Apache 2.0 Lizenz (Open Source) Compiler von Java JavaScript Übersetzung von Java Bibliotheken (java.lang, java.util, java.io, java.sql,...) Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

4 Komponenten GWT Java-to-JavaScript Compiler GWT Hosted Web Browser Die Applikation läuft als Java direkt in der JVM ohne zu JavaScript kompiliert zu werden (fürs debugging, ab GWT 2.0 Hosted Mode über Browser Plugins direkt im Browser) JRE emulation library JavaScript Implementierung gängiger Java Klassen (java.lang, java.util, java.io, java.sql,...) GWT Web UI class library Standardkomponenten für Webapplikationen (Buttons, Inputfelder, Panels,...) Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

5 Geschichte Angekündigt auf der JavaOne 2006 Erstes Release: 16. Mai 2006: GWT Version 1.0 RC 1 (build ) Letztes Release: 13. Juli 2009: GWT Version 1.7 Google benutzt GWT für eigene Anwendungen (Gmail, Docs, Voice, Wave,... ) sehr aktive Entwicklung Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

6 Warum GWT? Browser unabhängig Unterstützung für viele IDEs Netbeans, Eclipse, JDeveloper,... Verschiedenste Erweiterungsmöglichkeiten: User Interface, Widgets: Ext GWT, GWT Component Library, GWT-Ext, GWT Widget Library, GWTiger, Rocket GWT, Dojo, SmartGWT, GWT-mosaic,... Funktionalität: GWT-SL, Gilead,... Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

7 Warum GWT? Alle Tools die man zur Java Entwicklung benutzt kann man auch für GWT benutzen (JUnit, findbugs,...) Der Compiler optimiert den JavaScript Code erzeuger Code ist schneller als von Hand geschriebener nur benötigter Java Code wird auch zu JavaScript kompiliert (Problematisch: Reflections) I18N einfach möglich Volles Java debugging Eigenes JavaScript kann im Java Source über JSNI (JavaScript Native Interface) eingebunden werden Unterstützung der Google-APIs (Maps, Gears,...) Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

8 Warum GWT? JAVA! Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

9 GWT und Ajax Viele Möglichkeiten um mit dem Backend zu kommunizieren GWT-RPC JSON XML XML-RPC (3rd party)... GWT-RPC bietet die beste Funktionalität normales Servlet, läuft auf jedem Application-Server Polymorphe Parameter, return types und Objekte Durchreichen von Exceptions über RPC Übliche Ajaxprobleme wie z.b. Browserhistory und Reloads werden gelöst Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

10 GWT und Ajax Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

11 Demo Demo Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

12 GWT Projektstruktur mit RPC-Call de.msgtug.demo.gwt Main.gwt.xml client Demo.java DemoService.java DemoServiceAsync.java MainEntryPoint.java server DemoServiceImpl.java Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

13 Client: Main.gwt.xml <?xml v e r s i o n= 1. 0 e ncoding= UTF 8?> <module> < i n h e r i t s name= com. g o o g l e. gwt. u s e r. User /> <entry p o i n t c l a s s= de. msgtug. demo. gwt. c l i e n t. MainEntryPoint /> </ module> Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

14 Client: DemoService.java p u b l i c i n t e r f a c e DemoService extends RemoteService { p u b l i c S t r i n g mymethod ( S t r i n g s ) ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

15 Client: DemoServiceAsync.java p u b l i c i n t e r f a c e DemoServiceAsync { p u b l i c void mymethod ( S t r i n g s, A s y n c C a l l b a c k c a l l b a c k ) ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

16 Client: MainEntryPoint.java p u b l i c c l a s s MainEntryPoint implements E n t r y P o i n t { p u b l i c MainEntryPoint ( ) { p u b l i c void onmoduleload ( ) { // RootPanel. get ( ). add ( new L a b e l ( H a l l o Welt! ) ) ; RootPanel. get ( ). add (new Demo ( ) ) ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

17 Client: Demo.java p u b l i c c l a s s Demo extends D e c o r a t o r P a n e l { p r i v a t e L a b e l i n p u t T e x t L a b e l = new L a b e l ( Name ) ; p r i v a t e L a b e l s e r v e r R e p l y L a b e l = new L a b e l ( ) ; p r i v a t e TextBox inputtextbox = new TextBox ( ) ; p r i v a t e Button submitbutton = new Button ( Send to s e r v e r ) ; p u b l i c Demo ( ) { F l e x T a b l e l a y o u t = new F l e x T a b l e ( ) ; l a y o u t. s e t C e l l S p a c i n g ( 6 ) ; F l e x C e l l F o r m a t t e r c e l l F o r m a t t e r = l a y o u t. g e t F l e x C e l l F o r m a t t e r ( ) ; l a y o u t. setwidget ( 0, 0, i n p u t T e x t L a b e l ) ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

18 Client: Demo.java (cont.) l a y o u t. setwidget ( 0, 1, inputtextbox ) ; l a y o u t. setwidget ( 0, 2, submitbutton ) ; l a y o u t. setwidget ( 1, 1, s e r v e r R e p l y L a b e l ) ; t h i s. setwidget ( l a y o u t ) ; f i n a l A s y n c C a l l b a c k c a l l b a c k = new A s y n c C a l l b a c k ( ) { p u b l i c void onsuccess ( Object r e s u l t ) { s e r v e r R e p l y L a b e l. s e t T e x t ( ( S t r i n g ) r e s u l t ) ; p u b l i c void o n F a i l u r e ( Throwable caught ) { Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

19 Client: Demo.java (cont.) ; s e r v e r R e p l y L a b e l. s e t T e x t ( Communication f a i l e d ) ; // L i s t e n f o r the button c l i c k s submitbutton. a d d C l i c k H a n d l e r (new C l i c k H a n d l e r ( ) { ) p u b l i c void o n C l i c k ( C l i c k E v e n t e v e n t ) { g e t S e r v i c e ( ). mymethod ( inputtextbox. gettext ( ), c a l l b a c k ) ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

20 Client: Demo.java (cont.) p u b l i c s t a t i c DemoServiceAsync g e t S e r v i c e ( ) { DemoServiceAsync s e r v i c e = ( DemoServiceAsync ) GWT. c r e a t e ( DemoService. c l a s s ) ; S e r v i c e D e f T a r g e t e n d p o i n t = ( S e r v i c e D e f T a r g e t ) s e r v i c e ; S t r i n g modulerelativeurl = GWT. getmodulebaseurl ( ) + myservice ; e n d p o i n t. s e t S e r v i c e E n t r y P o i n t ( modulerelativeurl ) ; return s e r v i c e ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

21 Server: DemoServiceImpl.java p u b l i c c l a s s DemoServiceImpl extends R e m o t e S e r v i c e S e r v l e t implements DemoService { p u b l i c S t r i n g mymethod ( S t r i n g s ) { return H a l l o + s ; Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

22 Tipps Patterns benutzen Stimmen die Versionen aller Libraries? -Xmx Nicht zuviel Logik in den Client Code clever programmieren Presentation Layer! Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

23 Wave Hackathon Interesse an Google Wave? Treffen, ausprobieren, programmieren,... Mehr Infos bald auf Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24

24 Danke für eure Aufmerksamkeit. Lars Pfannenschmidt, Tobias Ullrich () Einführung in Google Web Toolkit Software Freedom Day / 24