Introduction

Dans cet article nous allons faire de la pratique, nous allons créer une application Web simple qui affiche “Hello world” en Java avec le Framework PLAY.

Avant de commencer redéfinissons ce qu’est un Framework.

Un Framework est un outil qui fourni une méthode standard pour créer et déployer des applications. Autrement dit grâce à un Framework je vais plus rapidement dans mon travail car il fait une partie du travail pour moi.

Pour créer une application moderne en 2018, un développeur n’a pas besoin de partir de zéro mais il peut s’appuyer sur un Framework pour aller plus vite.

Introduisons maintenant le Framework Play.

Le framework Play

Play est un Framework Web très rapide pour Java et Scala.

Scala est un langage de programmation orienté objet dont il n’est pas question dans cet article.

Ce Framework est utilisé par de grosses entreprises comme LinkedIn, Samsung e Zalando (coucou à ma femme qui utilise beaucoup ce site 🙂 )pour ne citer que quelque uns.

Pourquoi utiliser ce framework ?

1. Play utilise l’architecture Model-View-Controller

Modèle-vue-contrôleur ou MVC est un pattern d’architecture logicielle destiné aux interfaces graphiques lancé en 1978 et très populaire pour les applications web.).

2 . Hot reload

Pendant le développement, le développeur économise du temps grâce au workflow save and refresh. Ce qui signifie que à chaque changement de code, il suffit de sauvegarder et faire le refresh du browser pour ensuite voir les ajournements en live.

3. Une grande communauté

Il y a un grand nombre de développeurs qui travaille déjà avec ce Framework. On peut les retrouver sur le forum de lightbend, sur la chat gitter et sur stackoverflow.

Que faut il connaitre avant d’utiliser play ?

Il faut connaitre Java (ou Scala). Si vous ne connaissez pas le Java, je vous conseille de lire d’abord mon précédent article Java pour les débutants.

Il faut avoir des bases de Html. Pour cela je vous conseille de lire ceci.

Comment utiliser le Framework Play avec l’IDE IntelliJ IDEA?

Un peu de révision, c’est quoi un IDE?

Un IDE ou environnement de développement est un logiciel qui contient l’ensemble des outils qui permet au programmeur d’être plus efficace dans son travail de développement informatique.

Nous allons utiliser l’IDE de JetBrains: IntelliJ IDEA.

Etape 1: Telecharger et installer IntelliJ IDEA

Vous pouvez le télécharger ici

Etape 2: Ouvrir IntelliJ IDEA et installer le plugin Scala

Ouvrir IntelliJ IDEA.

Ouvrir le menu Plugins dans les Settings:

Dans la fenêtre File/Settings (Ctrl+Alt+S), selectioner Plugins.

Recherchez Scala dans le Marketplace et installez.

Etape 3: Télécharger le projet Play Java Hello World tutorial

Télécharger le projet starter ici en cliquant sur CREATE A PROJECT FOR ME!

Apres avoir télécharger le projet qui est compressé dans un file .zip, extraire le projet dans un dossier.

Etape 4: Importer le projet avec Intelij IDEA

Ouvrir la fenêtre d’accueil et sélectionner Import Project. Dans la nouvelle fenêtre, sélectionner le projet Starter que vous avez extrait à l’ étape précédente et cliquer OK. Dans la nouvelle fenêtre, sélectionner Import project from external model, et choisissez SBT project et cliquez Next. Dans la nouvelle fenêtre, cliquez Finish.

Etape 5: compiler le projet avec Intelij IDEA

Accédez a la fenêtre Run/Debug Configurations en cliquant sur Add Configurations sur la barre de menu. Cliquer sur + et sélectionner sbt Task. Donnez un nom à cette tache. Ecrire “run” dans la case Task et cliquez sur OK Pour compiler votre projet il suffit de cliquer sur l’icone triangulaire a coté de votre tache. Apres la compilation vous pouvez visiter la page http://localhost:9000

Comment ajouter la page Hello a notre projet ?

Etape 1: Créer une nouvelle page

Dans le dossier app/views de notre projet, créons un nouveau fichier Html que nous nommons hello.scala.html Ajoutons le contenu suivant dans le fichier:

Ce fichier est écrit en utilisant Twirl et html.

Twirl est le moteur de template du Framework Play.

L’HyperText Markup Language, généralement abrégé HTML, est le langage de balisage conçu pour représenter les pages web.

le signe @ fait comprendre au moteur qu’il doit interpréter ce qui suit.

fait comprendre au moteur qu’il doit interpréter ce qui suit. Dans ce cas, @main("Hello") invoque le template principal main , main.scala.html et passe comme paramètre le titre Hello .

invoque le template principal , et passe comme paramètre le titre . La section content contient la salutation Hello World . Le template main mettra cette section dans le body de la page.

contient la salutation . Le template mettra cette section dans le body de la page. La section <aside> ajoutera à l’index dans la partie droite de la page, un lien pour naviguer jusqu’ a cette page.

Etape 2: Créer une nouvelle action

Maintenant nous devons créer une méthode pour montrer la page crée.

Nous allons ajouter cette méthode dans le fichier app/controllers/HomeController.java .

Ajouter à la fin du fichier avant le symbole } :

Cette méthode montre simplement la nouvelle page hello .

Etape 3: Définir une nouvelle route

Une route fait comprendre a Play comment gérer de nouvelles demandes et inclus le chemin de cette demande, une méthode HTTP, et une action contrôleur a invoquer.

Avant de continuer quelque définitions:

L’Hypertext Transfer Protocol (HTTP, littéralement « protocole de transfert hypertexte ») est un protocole de communication client-serveur développé pour le World Wide Web.

Quand une route est ajouté dans le fichier routes , le compilateur des routes de Play génère automatiquement une classe routeur qui va invoquer l’action correspondante en utilisant une instance du contrôleur.

Pour définir notre nouvelle route:

Ouvrir le fichier conf/routes . En dessous de la route de la page tutorial , Ajouter la ligne suivante:

GET /hello controllers.HomeController.hello

GET est la méthode HTTP

/hello est le chemin

controllers.HomeController.hello est l’action contrôleur.

Etape 4: Tester la nouvelle page

Sauvegarder tout (Ctrl + S) Entrez l’URL suivant dans votre browser: http://localhost:9000/hello . Le browser devrait montrer ce résultat :

Conclusion

Maintenant que nous savons créer une application ”Hello world” en Java avec le Framework Play, dans le prochain article nous créerons des exemples d’application plus complexes pour appliquer des concepts de base de Java avec le Framework Play.