GWT - Déployer l'application

Ce tutoriel vous expliquera comment créer une application "war" fichier et comment le déployer dans Apache Tomcat Websever root.

Si vous avez compris cet exemple simple, vous pourrez également déployer une application GWT complexe en suivant les mêmes étapes.

Laissez-nous travailler Eclipse IDE avec le plug-in GWT en place et suivez les étapes suivantes pour créer une application GWT -

Étape La description
1 Créez un projet avec un nom HelloWorld sous un package com.tutorialspoint comme expliqué dans le chapitre GWT - Créer une application .
2 Modifiez HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html et HelloWorld.java comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3 Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.
4 Enfin, zippez le contenu du dossier war de l'application sous forme de fichier war et déployez-le dans Apache Tomcat Webserver.
5 Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape.

Voici le contenu du descripteur de module modifié src/com.tutorialspoint/HelloWorld.gwt.xml.

<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
   <!-- Inherit the core Web Toolkit stuff.                        -->
   <inherits name = 'com.google.gwt.user.User'/>

   <!-- Inherit the default GWT style sheet.                       -->
   <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>

   <!-- Specify the app entry point class.                         -->
   <entry-point class = 'com.tutorialspoint.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

Voici le contenu du fichier de feuille de style modifié war/HelloWorld.css.

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

Voici le contenu du fichier hôte HTML modifié war/HelloWorld.html.

<html>
   <head>
      <title>Hello World</title>
      <link rel = "stylesheet" href = "HelloWorld.css"/>
      <script language = "javascript" src = "helloworld/helloworld.nocache.js">
      </script>
   </head>

   <body>
      <h1>Hello World</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

J'ai modifié un peu le HTML de l'exemple précédent. Ici, j'ai créé un espace réservé <div> ... </div> où nous insérerons du contenu en utilisant notre classe java de point d'entrée. Alors laissez-nous avoir le contenu suivant du fichier Javasrc/com.tutorialspoint/HelloWorld.java.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;

public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
      HTML html = new HTML("<p>Welcome to GWT application</p>");
      
      RootPanel.get("gwtContainer").add(html);
   }
}

Ici, nous avons créé le code HTML de base du widgest et l'avons ajouté dans la balise div ayant id = "gwtContainer". Nous étudierons différents widgets GWT dans les prochains chapitres.

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode développement comme nous l'avons fait dans le chapitre GWT - Créer une application . Si tout va bien avec votre application, cela produira le résultat suivant -

Créer un fichier WAR

Maintenant, notre application fonctionne correctement et nous sommes prêts à l'exporter sous forme de fichier war.

Suivez les étapes suivantes -

  • Entrez dans votre projet war annuaire C:\workspace\HelloWorld\war

  • Sélectionnez tous les fichiers et dossiers disponibles dans le répertoire war.

  • Compressez tous les fichiers et dossiers sélectionnés dans un fichier appelé HelloWorld.zip .

  • Renommez HelloWorld.zip en HelloWorld.war .

Déployer le fichier WAR

  • Arrêtez le serveur tomcat.

  • Copiez le fichier HelloWorld.war danstomcat installation directory > webapps folder.

  • Démarrez le serveur tomcat.

  • Regardez dans le répertoire webapps, il devrait y avoir un dossier helloworld a été créé.

  • HelloWorld.war est maintenant déployé avec succès dans la racine du serveur Web Tomcat.

Lancer l'application

Entrez une URL dans le navigateur Web: http://localhost:8080/HelloWorld pour lancer l'application

Le nom du serveur (localhost) et le port (8080) peuvent varier selon la configuration de votre chat.