Introduction à GWT -Partie 2- Préparation de l'environnement de travail

Leave a Comment
Article précédent : Introduction à GWT - Partie 1 - Présentation de GWT.

Avant d'entrer dans le vif du sujet et mettre la main dans le cambouis nous allons rapidement nous doter des bons outils.

De quels outils avons-nous?

  • Un SDK Java : Pour vérifier si vous avez un SDK sur votre plateforme lancez une invite de commande et tapez javac. Si aucun SDK Java n'est installé sur votre système vous aurez un message similaire au suivant :
    C:\Users\nouhoum>javac
    'javac' n'est pas reconnu en tant que commande interne
    ou externe, un programme exécutable ou un fichier de commandes.

    Téléchargez et installez le SDK de Java.
  • GWT: Nous allons maintenant installer Google Web Toolkit. Téléchargez GWT à partir d'ici. Extrayez le contenu du fichier téléchargé à l'endroit de votre choix sur votre machine. Examinons le contenu du répertoire d'installation avant d'aller plus loin.
    • La documentation : le dossier doc contient de la documentation sur l'API de GWT (la javadoc).
    • Les bibliothèques de GWT: Les fichiers archive Java (JAR) contenus dans le dossier d'installation contiennent les classes du toolkit GWT. gwt-user.jar est particulièrement important pour le développeur d'applications GWT. Il contient les classes relatives à l'interface graphique (les widgets), à l'internalisation etc. gwt-dev contient le code des outils utilisés lors du développement notamment le compilateur GWT chargé de transformer le code Java en code Javascript. Et gwt-servlet contient quant à lui les API nécessaires au développement de services RPC (Remote Procedure Call).
    • Des fichiers de commande (des scripts): GWT vient également avec un certain nombre de scripts utilitaires. Nous reviendrons dans cette partie sur l'usage de certains de ces scripts.
    • Des exemples de projets GWT: Des exemples de projets de GWT dont vous pourrez vous inspirer pour vos propres projets.
  • Eclipse : Nous différons l'installation d'Eclipse à plus tard car je souhaite que nous fassions d'abord connaissance avec GWT et son outillage.
Maintenant place à un peu de pratique! Dans la section suivante nous allons créer notre premier projet Google Web Toolkit.

Créons notre premier projet GWT?

Le script webAppCreator localisé à la racine du dossier d'installation de GWT permet de créer une application en ligne de commande. Voici comment l'utiliser :


C:\Users\nouhoum>webappcreator
Missing required argument 'moduleName'
Google Web Toolkit 2.0.3
WebAppCreator [-overwrite] [-ignore] [-out dir]
[-junit pathToJUnitJar] moduleName

where
-overwrite  Overwrite any existing files
-ignore     Ignore any existing files; do not overwrite
-out        The directory to write output files into (defaults to current)
-junit      Specifies the path to your junit.jar (optional)
and
moduleName  The name of the module to create (e.g. com.example.myapp.MyApp)


Relançons la commande en lui fournissant comme option -out HelloGWT et pour le nom du module com.nouhoum.gwt.HelloGWT.
Voici la commande complète pour créer l'application HelloGWT.
#webAppCreator -out HelloGWT com.nouhoum.gwt.HelloGWT
Not creating tests because -junit argument was not specified.

Created directory HelloGWT\src
Created directory HelloGWT\war
Created directory HelloGWT\war\WEB-INF
Created directory HelloGWT\war\WEB-INF\lib
Created directory HelloGWT\src\com\nouhoum\gwt
Created directory HelloGWT\src\com\nouhoum\gwt\client
Created directory HelloGWT\src\com\nouhoum\gwt\server
Created directory HelloGWT\src\com\nouhoum\gwt\shared
Created directory HelloGWT\test\com\nouhoum\gwt
Created directory HelloGWT\test\com\nouhoum\gwt\client
Created file HelloGWT\src\com\nouhoum\gwt\HelloGWT.gwt.xml
Created file HelloGWT\war\HelloGWT.html
Created file HelloGWT\war\HelloGWT.css
Created file HelloGWT\war\WEB-INF\web.xml
Created file HelloGWT\src\com\nouhoum\gwt\client\HelloGWT.java
Created file HelloGWT\src\com\nouhoum\gwt\client\GreetingService.java
Created file HelloGWT\src\com\nouhoum\gwt\client\GreetingServiceAsync.java
Created file HelloGWT\src\com\nouhoum\gwt\server\GreetingServiceImpl.java
Created file HelloGWT\src\com\nouhoum\gwt\shared\FieldVerifier.java
Created file HelloGWT\build.xml
Created file HelloGWT\README.txt
Created file HelloGWT\.project
Created file HelloGWT\.classpath
Created file HelloGWT\HelloGWT.launch
Created file HelloGWT\war\WEB-INF\lib\gwt-servlet.jar

Que s'est-il passé là?

En fait le script webAppCreator a généré notre application HelloGWT avec tous les fichiers nécessaires pour l'importer dans Eclipse.

Installation d'Eclipse
  • Téléchargez et installez Eclipse à partir du site d'Eclipse.
  • Rendez-vous ici pour récupérer l'URL du plugin de Google pour votre version d'Eclipse. Par exemple la version 3.6 d'Eclipse l'URL du plugin est : http://dl.google.com/eclipse/plugin/3.6
  • L'installation du plugin se fait en lançant Eclipse et en allant au menu Help/Install New Software... Il suffit ensuite de suivre les différentes étapes. 
 
Importation du projet dans Eclipse

Allez au menu File/import d'Eclipse puis choisissez l'option General et cliquez sur Existing Projects into Workspace. Ceci importe le projet dans votre espace de travail Eclipse. Maintenant que le projet est importé dans Eclipse pour l'exécuter il suffit de faire un clic sur le fichier de lancement HelloGWT.launch situé à la racine du projet et de cliquer sur Run as et hop!

Création d'un nouveau projet avec Eclipse

Vous pouvez, au lieu de passer par le script WebAppCreator, utiliser Eclipse pour créer votre application GWT. Voici comment procéder:
  • File > New > Web Application Project
  • Fournissez les informations demandées puis cliquez sur Finish pour créer le projet.


Dans les prochains articles nous nous pencherons sur la structure d'un projet GWT en nous basant sur notre exemple d'application HelloGWT puis nous modifierons son code et vous verrez combien c'est facile d'écrire une application Ajax avec GWT.
Article suivant: Anatomie d'un projet GWT.
© Nouhoum TRAORE.. Fourni par Blogger.