Préambule : On peut installer Flex 2 et Flex 3 en même temps sur la même machine. Il faut toutefois faire attention à 1 point : Ne pas mettre un projet Flex 2 et un projet Flex 3 dans le même Workspace.

Nous allons mettre en place la version 3 du 28/02/08. Il est nécessaire de désinstaller les versions 3 précédentes (beta 1, beta 2 ou beta 3) avant de mettre cette version finale.

Bien que j'ai l'habitude de travailler avec Eclipse directement et d'y ajouter les plugins, la nouvelle version 3 de FlexBuilder en standalone (qui intègre directement Eclipse) permet d'ajouter les plugins qui nous intéressent (contrairement à la version précédente). C'est donc une installation tout à fait utilisable dans "la vraie vie Flex".

En revanche, la version packagée d'Eclipse n'intègre pas directement les WebTools, nécessaires pour faire du développement Web Java et du BlazeDS par exemple. Nous ferons donc la petite manipulation pour l'intégrer.

Afin de pouvoir tester notre installation, nous allons aussi installer Tomcat.

Dernière chose, nous avons essayé de prendre les dernières versions pour tous les environnements au moment de la rédaction de l'article :-)

1- Installons FlexBuilder 3 standalone

Url de téléchargement : flex builder 3 version standalone

Installation :

  1. Vous remarquerez que l'installeur propose le choix d'une langue au début. Bon ya que l'anglais pour l'instant mais peut-être une version française bientôt disponible ?
  2. Acceptez la licence : 60 jours de démo...
  3. J'ai installé l'application dans l'endroit par défaut : c:\Program Files\Adobe\Flex Builder 3
  4. J'ai installé les players proposés mais pas les extensions pour Coldfusion ni le plugin JSEclipse
  5. "Install" et laissez mijoter quelques minutes. Voilà ! C'est prêt :-)

Pour tester rapidement si tout fonctionne, lancez l'application (démarrer->Tous les programmes->Adobe->Adobe Flex Builder 3). Vous êtes normalement invités à utiliser la licence d'essai (trial)...

Par défaut votre espace de travail, le WorkSpace d'eclipse (un répertoire où vous mettrez les ressources des projets), se trouve avec FlexBuilder 3 dans C:\Documents and Settings\Propriétaire\My Documents\Flex Builder 3.

Après la page de bienvenue, vous arrivez normalement dans la perspective Flex Dev (perspective par défaut de Flex Builder). Dans cette perspective, créez un nouveau projet Flex (Menu File/New/Flex Project - Project Name : Test - Finish). Ajoutez un Label à l'application. Testez (Dans Flex Navigator, click droit sur Test.mxml - Run as/Flex Application). Bienvenue dans Flex 3 !

2- Ajoutons les WebTools

  1. Menu Help/Software Updates/Find and install
  2. Choisissons Search for new features to install
  3. Cochons Europa Discovery Site puis Finish
  4. Choisissons un site mirroir
  5. Nous avons alors une liste de fonctionnalités à installer
  6. Cochons la dernière : Web and JEE Development
  7. Ce module dépend d'autres modules, d'où la croix rouge...
  8. Cliquons sur Select Required... et oh! magie, toutes les dépendances sont résolues :-)
  9. Cliquons sur Next, acceptons les licences, acceptons les modules optionnels (Next) puis cliquons sur finish

Il est suggéré de redémarrer ; nous allons redémarrer après une petite manipulation...

En effet, la mise en place des WebTools nécessite un petit nettoyage des workspaces utilisés avant l'installation du plugin. C'est assez simple à faire, il faut relancer eclipse avec l'option -clean dans un fichier de paramétrage de l'outil.

Arrêtons donc FlexBuilder 3.

Dans notepad, ouvrons le fichier de configuration FlexBuilder.ini qui se trouve dans le répertoire C:\Program Files\Adobe\Flex Builder 3. Ajoutons sur la première ligne (et pas sur une autre) l'option -clean (avec un retour à la ligne). Exemple :

-clean
-vmargs
-XstartOnFirstThread
-Xms128m
-Xmx512m
-XX:MaxPermSize=256m
-XX:PermSize=64m

Relançons Flex Builder ; vous devriez noter que c'est un peu plus long (2 ou 3s...)

Voilà, c'est propre. Nous pouvons retirer le -clean du fichier ini. Notez que vous pouvez le laisser. Le démarrage sera juste plus long, mais vos workspace seront toujours propres. A vous de voir.

Pour tester rapidement, amenons la perspective Java EE dans notre espace de travail (Menu Window/Perspective/Other ; Prenons Java EE) ; Bien, bien. Pour faire quelque chose de sérieux, installons Tomcat.

3- Tomcat 6

Url de téléchargement : serveur Tomcat (prendre la version version core .zip)

Une fois le répertoire dézippé (apache-tomcat-6.0.16 chez moi), déplaçons-le sous C:\Program Files. Voilà, c'est installé. Vous pouvez, de la même manière installer une version 5.5 de Tomcat si vous préférez. Les 2 peuvent d'ailleurs cohabiter (attention toutefois au port 8080 de lancement qui est le même pour les 2 par défaut)

Pour tester rapidement que Tomcat se lance bien, revenez dans Eclipse, vous devez normalement être dans la perspective Java EE (sinon allez-y).

En bas, dans l'onglet de la vue Server créer un serveur :

  1. Clic droit dans la fenêtre puis New/Server
  2. Choisissez Apache/Tomcat v6.0 Server puis Next
  3. Cliquez sur browse pour récupérer la racine de notre serveur Tomcat (C:\Program Files\apache-tomcat-6.0.14)
  4. Cliquez sur Finish.

Voilà, il reste plus qu'à le lancer : cliquez sur bouton vert à droite de la vue Server ...

Vous êtes fin prêt pour créer votre première JavaFlexApp :-)

-Yann