« Previous | 1 | 2 | 3 | Next »

GWT - DEPLOY APPLICATION

This tutorial will explain you how to create an application “war” file and how to deploy that in Apache Tomcat Websever root.

If you understood this simple example, then you will also be able to deploy a complex GWT application following similar steps.

Now, let us have a working Eclipse IDE along with GWT plugin place and follow certain steps to create a GWT application:

Step	Description
1	Create a project with a name HelloWorld under a package com.jtc as explained in the GWT - Create Application chapter.
2	Modify HelloWorld.gwt.xml, HelloWorld.css, HelloWorld.html and HelloWorld.java as explained below. Keep rest of the files unchanged.
3	Compile and run the application to make sure business logic is working as per the requirements.
4	Finally, zip the content of the war folder of the application in the form of war file and deploy it in Apache Tomcat Webserver.
5	Launch your web application using appropriate URL as explained below in the last step.

Following is the content of the modified module descriptor src/com.jtc/HelloWorld.gwt.xml.

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='helloworld'>

<inherits name='com.google.gwt.user.User'/>

<inherits name='com.google.gwt.user.theme.clean.Clean'/>

<entry-point class='com.jtc.client.HelloWorld'/>

<source path='client'/>
<source path='shared'/>
</module>

Following is the content of the modified Style Sheet file 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;
}

Following is the content of the modified HTML host file 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>

I modified the HTML a little bit from the previous example. Here I created a placeholder <div>...</div> where we will insert some content using our entry point java class. So let us have the following content of Java file src/com.jtc/HelloWorld.java.

package com.jtc.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);
}
}

Here we created a basic widget HTML and added it inside the div tag having the id="gwtContainer". We will study different GWT widgets in the coming chapters.

Once you are ready with all the changes done, let us compile and run the application in development mode as we did in GWT - Create Application chapter. If everything is fine with your application, then this will produce the following result:

Create WAR File

Now our application is working fine and we are ready to export it as a war file.

Follow the following steps:

Go into your project's war directory C:\workspace\HelloWorld\war
Select all the files & folders available inside war directory.
Zip all the selected files & folders in a file called HelloWorld.zip.
Rename HelloWorld.zip to HelloWorld.war.

Deploy WAR file

Stop the tomcat server.
Copy the HelloWorld.war file to tomcat installation directory > webapps folder.
Start the tomcat server.
Look inside webapps directory, there should be a folder helloworld got created.
Now HelloWorld.war is successfully deployed in Tomcat Webserver root.

Run the Application

Enter a url in the web browser: http://localhost:8080/HelloWorld to launch the application.

Server name (localhost) and port (8080) may vary as per your tomcat configuration.

« Previous | 1 | 2 | 3 | Next »

The largest Interview Solution Library on the web

GWT - DEPLOY APPLICATION