Développez en JSF2 sur JBoss 7 AS avec Eclipse - Partie 3

Intégrez JBoss à Eclipse

Pour pouvoir utiliser le serveur dans Eclipse il faut intégrer JBoss à Eclipse
File > New > Other

Sélectionnez Server > Server > Next

Dans JBoss Community > sélectionnez JBoss AS 7.1 > Next

Donnez quelques options à JBoss Runtime

Commencez par sélectionner le JRE à utiliser

Sélectionnez le dossier d'installation de JBoss (le dossier résultant de la décompression du fichier .zip téléchargé sur le site de JBoss), en cliquant sur Browse

Note :
Sélectionnez le dossier racine de décompression

Un clic sur Next

Vérifiez les informations et modifiez si besoin > un clic sur Finish

Note :
Remarquez que malgré que j'aie choisi JDK 1.7, la fenêtre affiche 1.4

Créez un projet JSF

Commencez par créer un projet Web dynamique
File > New Dynamic Web Project

Note :
La perspective Web Development est conçu spécialement pour les applications Web, pour l'ouvrir :

Window → Open Perspective → Web Development 

Donnez un nom à votre projet
Un clic sur Modify pour ajouter le support de JSF 2

Un clic sur Custom

 Sélectionnez JavaServer Faces v2.0 Project dans la liste

 JavaServer Faces (2.0) est cochée maintenant > Un clic sur OK

 Un clic sur Finish pour créer le projet

 Maintenant que le projet JSF2 est créé, nous allons ajouter du contenu
Dans Project Explorer > Un clic dorit sur WebContent > New > HTML File

 Donnez un nom au fichier avec l'extension .xhtml > Next

 Sélectionnez Facelets XHTML Page comme modèle > Finish

 Un Editeur Visuel est ouvert. Entrez votre texte, modifier des propriétés,etc.
Entrez Hello World!!! (par example)

 Modifiez le mapping du servelt

Double cliquez sur web.xml > Sélectionnez Faces Servlet > dans URL-Pattern > Entrez *.jsf (à la places de /faces/*)

Sauvegardez tout

 Exécutez le projet

Un clic droit sur le projet > Run As > Run On Server 

JBoss 7.1 est sélectionné par défaut > Finish

 Le server est lancé et le navigateur interne d'Eclipse est ouvert (on peut tester sur n'importe quel navigateur internet, comme firefox, chrome,etc) avec l'url suivante :
http://localhost:8080/test-jsf/

Ajoutez à la fin de l'url le chemin vers le fichier .xhtml en utilisant l'extension .jsf comme suite :

http://localhost:8080/test-jsf/hello.jsf

et voilà