Inizia con un po' di Java, aggiungi un pizzico di Eclipse, aggiungi Google Web Tookit e, prima che tu te ne accorga, stai sviluppando ed eseguendo il debug del codice Ajax comodamente dal tuo IDE preferito. Prendi un sorso con questa procedura dettagliata con screenshot.
Iniziare a sviluppare con Kit di strumenti web di Google è facile. Per prima cosa hai bisogno di una copia di Java. Sebbene funzioni con le versioni precedenti (come IBM JRE 1.4.2 fornito con il mio Thinkpad), potresti anche ottenere l'ultima versione Sun Aggiornamento JDK 5.0 o l'ultimo Istantanea JDK 6.0.
Nota: Sun ha preso spunto dal playbook di Microsoft e ha raggruppato il proprio IDE NetBeans nel JDK 5.0. Tuttavia questa è spesso una *versione precedente* del JDK (ad esempio al momento della stesura di questo articolo è tornata all'aggiornamento 6 mentre il normale download di JDK è all'aggiornamento 7), e questo tipo di raggruppamento dovrebbe essere scoraggiato Comunque. Fortunatamente, puoi comunque ottenere solo il semplice JDK senza NetBeans e risparmiare 70 MB di download extra allo stesso tempo.
In secondo luogo, è necessaria una copia dell'IDE Eclipse. Anche se dovrebbe funzionare con Eclipse 3.1.2, potresti anche ottenere l'ultima release candidate Eclipse 3.2. Vai a Pagina di download di Eclipse, scegli 3.2RC6 (o versione successiva), quindi ottieni il pacchetto Eclipse per la tua piattaforma (Windows, Linux, Mac, ecc.). Puoi ottenere l'SDK completo (quello che contiene tutti i sorgenti e la documentazione del programmatore) oppure tu puoi semplicemente ottenere il binario Runtime della piattaforma (34 MB) più il binario runtime JDT (19 MB), per un totale di 53 MB.
Nota: Spero che in una futura versione di Eclipse tutto ciò sarà più semplice, magari con un programma di installazione e una migliore compressione che lo renderà ancora più piccolo e semplice. Ma per ora devi utilizzare un programma zip o gzip per decomprimerlo da solo.
Successivamente, scarica e decomprimi il file Google Web Toolkit stesso e sei pronto per creare il tuo primo progetto.
Nota: Al momento non ci sono plug-in Eclipse per creare un progetto GWT, quindi a questo punto devi eseguire alcuni passaggi manuali. Si spera che quel vuoto venga presto riempito.
Al prompt dei comandi, esegui questi comandi (sostituisci i percorsi appropriati per il tuo sistema):
cd c:\gwt-progetti
mkdir Il mio progetto
cd Il mio progetto
progettoCreator -eclipse MioProgetto
applicationCreator -eclipse MioProgetto \
com.miaazienda.cliente. La mia applicazione
I comandi projectCreator e applicationCreator sono due script di shell forniti come parte di GWT, quindi dovrai specificarne il percorso o aggiungere la directory GWT alla variabile PATH di sistema. "MyProject" e "MyApplication" sono solo nomi di esempio; puoi usare tutto quello che vuoi.
Ora avvia Eclipse e importa questo progetto nel tuo spazio di lavoro (File > Importa > Progetti esistenti nello spazio di lavoro). Il progetto verrà creato e, se tutto avrà successo, ti ritroverai con qualcosa del genere:
Se segui Google Istruzioni per iniziare dice che basta fare clic sul pulsante verde "Esegui" per avviare il progetto in modalità "ospitata", ma non è del tutto corretto. Inoltre, ti consigliamo comunque di eseguire il programma in modalità Debug per la maggior parte del tempo. Quindi seleziona Esegui > Debug... e fai clic sulla configurazione di avvio intitolata La mia applicazione (sotto Applicazione Java). Quindi fare clic su Debug. Appariranno due finestre: la GWT Development Shell (è una specie di finestra della console) e la finestra Wrapper HTML (uno speciale browser web).
Verifica che l'applicazione funzioni facendo clic sul pulsante "Cliccami". Il testo "Ciao mondo!" apparirà.
Ok, ora passiamo alla parte interessante. Lascia l'applicazione in esecuzione e torna alla finestra Eclipse. Imposta un punto di interruzione nel metodo onClick() in MyApplication.java facendo doppio clic sull'area "gutter" accanto alla riga:
Passa quindi alla finestra dell'applicazione e fai clic sul pulsante "Fai clic su di me". Eclipse si fermerà alla riga del codice Java in cui hai inserito il punto di interruzione. Hmm, questo è codice Java, eppure stai scrivendo un'applicazione Ajax che alla fine verrà distribuita in puro JavaScript. Tutta la potenza di Eclipse, del debugger, del refactoring, della gestione del codice sorgente, ecc. è improvvisamente disponibile nel mondo Ajax. Riuscite a iniziare a vedere il potenziale di questa tecnologia?
Bene, per ora basta. Google ne ha messi insieme alcuni piuttosto carini documentazione su GWT ma ne scriverò di più dalla mia prospettiva unica mentre lo metto alla prova. Fammi sapere se ci sono aree particolari che vuoi che esplori e assicurati di dare un'occhiata al Forum GWT per il supporto di tutti gli altri utenti e sviluppatori GWT.