IntroductionThis is part of series intended to develop cross platform mobile applications in Java. In this blog post we will see what GWT is and set up the development environment for GWT.
Some of the advantages of developing web applications in GWT are:
Since GWT apps can be developed in Java, you can enjoy all the advantages of developing in Java like auto-complete,Debugging, refactoring, code reuse, polymorphism, over riding, over loading. And Java has large set of tools for development like Eclipse, NetBeans,JUnit and Maven etc which you can use for developing Rich Internet Applications(RIA).
GWT is almost similar to AWT and Swing packages in Java and so has a low learning curve for Java Developers.
Developing UI's in Java is difficult task compared to other aspects of Java programming. GWT solves it by providing several UI widgets and also you can extend the existing widgets and create your own custom widgets if you wish to.
Some of the limitations of GWT are:
If you have specialist UI designers who can create HTML pages, this will not work. You may have to implement what ever Designer created again in GWT.
Web Pages created by GWT cannot be indexed by search engines since these applications are generated dynamically.
And there is a work around for indexing by search engines. The index page can be created in html, and the remaining pages can be created in GWT. GWT provides an option to define index page in html format. So the index page can still be indexed by search engines and the other pages are mostly dynamically created data, so they don't need to come up in the search unless you they are some kind of content management systems(CMS).
Like the case with all the frameworks, GWT doesn't solve all the issues, but it surely makes the java developers more productive developing the web applications, provides cross browser support and works perfectly for complex enterprise web applications.
GWT Development Environment SetupWe will start setting up the development environment for GWT applications.
Once Java environment is set up, let us configure the environment for GWT.
Download the latest version of GWT SDK from the GWT project site.
Go to the above link and click on ‘Download GWT SDK’ highlighted in the above screen. Then unzip the downloaded GWT SDK to your preferred location on your hard disk and it will look similar to the below screen shot.
You might want to add this path to use the commands available in gwt.
Right click on ‘Computer’ on your desktop and select ‘Properties’ which displays the below screen. Click on ‘Advanced System settings’.
Click on ‘Environment Variables’ in the below screen.
Clicking on Environment Variables will display the below Window. Select ‘Path’ from the list of available variables and add the path to which you extracted GWT SDK.
You need to install the eclipse plug-in for GWT to develop GWT applications on eclipse easily. To install GWT eclipse plug-in , launch eclipse , go to Help –> Eclipse Marketplace
Search for GWT in the eclipse market place.
Find out ‘Google Plugin for Eclipse’ and the version number should match the version of the eclipse you are using. If you are using Eclipse Kepler(eclipse 4.3), you need to look for ‘Google Plugin for Eclipse 4.3) and click on ‘Install’.
Accept the license and click on ‘Next’ to continue installation.
It takes some time to download and install the plug-in.
While installing you will get a security warning. Just click on ‘Ok’ to continue the installation.
Restart the eclipse after the installation of plug-in is completed. After restarting the eclipse, you will see the GWT plug-in added to the eclipse tool bar.
NetBeansIf NetBeans is your preferred IDE, there is an GWT plug-in available for NetBeans as well.
Launch NetBeans, and in NetBeans ‘Start Page’ click on ‘Install Plugins’.
Alternatively you can navigate to Plugins view by selecting Tools – > Plugins from the NetBeans menu.
In the Plugins Windows, navigate to ‘Available Plugins’ tab.
In the Search textbox, enter gwt and hit Enter. This will return the gwt related plugins for NetBeans.
The GWT plug-in for NetBeans in GWT4NB which is the only GWT plug-in available in the list. So select it to install and click on Install button at the bottom of the Plugins screen.
Click on ‘Next >’ button to start the installation of the GWT NetBeans plug-in.
Select the check box against the license agreement and click on Install to agree to the license agreement and to start the installation process.
GWT NetBeans plug-in is being installed..
When the below message is displayed, just click on Continue to continue the installation process.
Restart the IDE once the installation is completed by selecting against the ‘Restart IDE Now’ and clicking on ‘Finish’.
Once the IDE is restarted, from the NetBeans Menu bar , select File –> New Project. You will see the below New Project window which has a GWT option under the Categories indicating that the GWT Plugin for NetBeans is installed successfully.
And we need to install extensions to the browser you are planning to use for running the GWT app in development mode. We will see later what the development mode is, but for now let us install the plugins for the browser to complete our set up of the development environment. If you launch the app in Dev mode without installing the plug-in, the browser will display a message similar to below.
In Internet Explorer:
When you click on Download, On Chrome, you will be redirected to the Chrome extensions page from where you can install the GWT Developer plug-in.
Click on ‘FREE’ button to install the plug-in on Chrome browser.
On IE, clicking on ‘Download’ button will download a ‘GWTDevPluginSetup.exe’ set up and launching it will install the GWT developer plug-in for IE.
Restart the browsers after the GWT developer plug-in is installed.
Unfortunately the latest versions of Mozilla Firefox doesn't support the GWT Developer Plugin. So you can’t work in Development mode on latest version of Firefox, but GWT already provides a super dev mode which doesn’t require installing any plug-in during development. So you can use Firefox in super dev mode during development mode.