he Eclipse Web Tools Platform (WTP) and the M2Eclipse (M2) plugin are separate projects, each with high value for the developer who uses Eclipse. WTP is a tools bundle that extends the Eclipse platform for web and Java EE application development, while M2 integrates Maven tightly into the IDE. Leveraging both in the same project has compelling benefits for the developer. Unfortunately, Eclipse has yet to offer WTP and M2 integration OOTB (that’s Out Of The Box, if you didn’t know). That’s where this article comes in.

This article demonstrates basic web application development using both WTP and M2 as an integrated solution. By walking through a project-building exercise from setup through deployment, it will enable you to speed up your own Eclipse-based Java web development by applying the same process.

Environment Setup
The primary development environment for the project described in this article is Eclipse. Your Eclipse environment must include the following technologies to complete the exercise.

Figure 1. Server Configuration: Follow these steps to configure the server.

See Sidebar 1 for a more complete list of Eclipse download links.

WTP and M2Plugin Configurations
Before you begin, you must set some initial server, browser, and Maven configurations. In fact, when you launch Eclipse with the M2 plugin you may see an error message regarding a settings.xml file. Ignore the message. It will be resolved shortly.

Server Configuration
Configure your server to run the web application. From the Eclipse menu, follow these steps to configure the server (see Figure 1): Windows?Preferences?Server?Installed Runtimes?add.

Select the appropriate version of Tomcat. In the next page of this wizard screen, browse to the Tomcat home directory and press “finish.”

Figure 2. Maven Settings: Navigate through Eclipse Menu?Window?Preference and click on Maven in the left panel.

Configure Browser
When you launch a web application using WTP, it opens in an internal browser. You may prefer to have your web applications open in an external browser of your choice. If so, configure the external browser to launch using the Eclipse menu path Window?Web Browser.

Maven2 Configurations
Navigate through Eclipse Menu?Window?Preference and click on “Maven” in the left panel. This may take a short while. If so, please wait. Note the file path mentioned in the “User Settings file” field (see Figure 2). Ensure a valid settings.xml file is present in this location. If you don’t have a valid settings.xml file there, copy it from apache-maven-2.0.8conf. Press the “OK” button.

Now you can start the actual work of creating a dynamic WTP project and integrating it with the M2 plugin.

Project Setup
In this section, you will create a WTP dynamic web application project and enable Maven support using the M2 plugin. More specifically, you will learn the details behind the following tasks:

• Modifying the project folder structure and Java build settings so that both correspond to Maven
• Modifying a specific WTP metadata file for the same purpose
• Making WTP use the pom.xml fully

Before you get started, explore the M2 plugin briefly by creating a new Maven web project.

New Maven Web Project
Launch the “New Maven2 project” wizard by navigating to File?New?Other?Maven?Maven Project. Enter the data in Table 2 below into the wizard screen pages. Accept defaults for all data except those shown in yellow-highlighted bold.

Page	Data
Page 1
Project Name	tempForRef
“Create in Workspace” radio button	Select this button
Page 2
Group ID	tempForRef
Artifact ID	tempForRef
Version	0.0.1-SNAPSHOT
Packaging	war
Description	Leave blank or fill in with whatever is appropriate
Project Layout	Ensure these checkboxes are checked: src/main/java, src/main/resources, src/test/java, src/test/resources, and src/main/webapp
Page 3	Ignore this page

Table 2. Data Details for Creating Maven 2 Project

You may be wondering whether you can convert this M2 project into a WTP dynamic web project. Yes, you can. But it’s easier to convert a WTP dynamic web project into a M2 project than a M2 project into a dynamic web project.

Now you’re ready to create a separate dynamic web project.

New Dynamic Web Project
Create a new dynamic project from the following menu path File?New?Other?Web?Dynamic Web Project. Use the project name sample1, and choose the defaults for everything else. If you are prompted to go into the “Java EE” perspective, accept it by pressing the “Yes” button.

Table 3 lists the values in each screen for reference. Note that the project name is the only value that needs to be entered.

Page	Data
Page 1
Project Name	sample1
Project Contents	Use default (For Directory)
Target Runtime	Apache Tomcat v6.0
Configurations	Default Configuration for Apache Tomcat v6.0
Page 2
Dynamic Web Module	Selected by default
Java	Selected by default
Page 3
Context Root	sample1
Content Directory	WebContent
Java Source Directory	src

Table 3. Data Details for Creating New Dynamic Web Project

It’s now time to use the M2 plugin on this project.

Enable Maven
Right click on the project, and in the popup menu, enable Maven by navigating to the path Maven?Enable Dependency Management. This will launch the POM creation wizard (see Figure 3).

Figure 3. POM Creation Wizard: Enable Maven by launching the POM creation wizard.

Choose “war” for packaging, and press the “finish” button.

After enabling Maven you still have a few steps to complete the integration:

1. Creating Maven folder structure
2. Updating source folders
3. Some manual tweaking of WTP internals
4. Configuring J2EE Module dependencies

Create Maven Folder Structure
Open the navigator view using Window?Show View?Other?General?Navigator. By default the dynamic project has a different structure, which interferes with the integration. So give the project a typical Maven folder structure. You can do this in two ways:

1. Using the navigator view, go into the Maven project you created (tempForRef). Copy the folders “src” and “target.” Again in the navigator view, go into the project sample1 and carefully paste the folders there.
2. Create these folders using File?New?Folder: src/main/java, src/main/resources, src/main/webapp, src/test/java, src/test/resources, target/classes, and target/test-classes.

Update Source Folders
By default the dynamic project also differs in its Java build settings (e.g., its source and output folders) from what’s needed for M2 integration. You need to the configure source folders for Java code. You can do this using either a manual approach and an automatic approach through a menu. This exercise uses the manual approach because it enables you to get everything working with the least effort.

In the project sample1, use navigator view to open the file .classpath. Verify that it has the following contents.

xml version="1.0" encoding="UTF-8"?><classpath>     <classpathentry kind="src" path="src"/>     <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>     <classpathentry kind="con" 
          path="org.eclipse.jst.server.core.container/org.eclipse.jst.server.tomcat.runtimeTarget/Apache Tomcat v6.0"/>     <classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>     <classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>     <classpathentry kind="con" path="org.maven.ide.eclipse.MAVEN2_CLASSPATH_CONTAINER"/>     <classpathentry kind="output" path="build/classes"/>classpath>

There may be some differences. For example, details of the Tomcat version mentioned in the XML may be different. In WTP 2.0.1 there is this entry for org.eclipse.jst.j2ee.internal.module.container, which is not there in WTP2.0. The highlighted sections are what you need to change. Therefore, don’t copy and paste the entire XML text. Directly edit this file and make the highlighted changes:

xml version="1.0" encoding="UTF-8"?><classpath>     <classpathentry kind="src" path="src/main/java"/>     <classpathentry kind="src" path="src/main/resources"/>     <classpathentry kind="src" output="target/test-classes" path="src/test/java"/>     <classpathentry kind="src" output="target/test-classes" path="src/test/resources"/>     <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>     <classpathentry kind="con" 
          path="org.eclipse.jst.server.core.container/org.eclipse.jst.server.tomcat.runtimeTarget/Apache Tomcat v6.0"/>     <classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>     <classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>     <classpathentry kind="con" path="org.maven.ide.eclipse.MAVEN2_CLASSPATH_CONTAINER"/>     <classpathentry kind="output" path="target/classes"/>classpath>

Note: The version of Tomcat mentioned in the actual .classpath file might differ. Do not modify the Tomcat details when making the changes. Remember to save the changes when done.

Some Manual Tweaking of WTP Internals
After updating the source folders you need to do some additional tweaking for better integration. Open the project in navigator view and edit the file .settings/org.eclipse.wst.common.component. If required open the source tab in the editor and do the following:

• Replace /WebContent with /src/main/webapp.
• Replace build/classes with target/classes.

Delete the entry for the following:

"/src/test/java"/>"/src/test/resources"/>

This should be the resulting XML:

xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0"><wb-module deploy-name="sample1"><wb-resource deploy-path="/" source-path="/src/main/webapp"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/><wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/><property name="context-root" value="sample1"/><property name="java-output-path" value="target/classes"/>wb-module>project-modules> 

Figure 4. J2EE Module Dependencies: Link the maven2 dependencies with the J2EE Module dependencies.

Remember to save the changes when done.

Carefully move the folders META-INF and WEB-INF under /WebContent to src/main/webapp. In the navigator view, delete the folders WebContent and build.

Configuring J2EE Module Dependencies
Launch the project properties by right clicking on the project and selecting “Properties” in the pop up menu. Select “J2EE Module Dependencies” in the left panel. Link the maven2 dependencies with the J2EE Module dependencies by checking the checkbox shown on the screen (see Figure 4). Ignore any other checkboxes.

Pressing “Apply” button should clear the warning shown in Figure 4.

Review your previous steps and ensure everything was done properly. At this point you should have no error messages or warnings related to the sample1 and tempForRef projects in the Problem view in Eclipse.You are now set for actual development.

Development?Finally!
This section mainly deals with using Maven to perform the basic M2 plugin task of modifying a classpath by adding jars. It details how you can edit the pom.xml file using the editor and the repository search tool, and explains how to launch Maven goals. More trivially, it demonstrates how to launch and debug a “Mavenized” project using WTP. By the end, you will have written some code and created a very basic MVC application.

Figure 5. Repository Search for Adding Dependencies: Begin by adding a few dependencies.

In order to verify that the application works without any issues related to tag libraries, you will be using the displaytag library.

Dependency Management
Begin by adding a few dependencies. In the repository search (launched by right clicking on the project and in the pop up menu navigating to Maven?Add Dependencies), type in “tomcat,” select the highlighted servlet-api jar, and press the “OK” button to add the jar into the POM (see Figure 5).

Open the pom.xml file. In the editor, click on the “source” tab (if needed). Using the standard content assist in the editor, insert “provided” in the scope (see Figure 6). If you encounter any difficulty, just type provided in the appropriate location. Refer to the pom.xml file in Figure 6.

Likewise, add the JUnit and displaytag dependencies. The resulting pom.xml file looks like this:

Figure 6. The POM Editor: Using the standard content assist in the editor, insert “provided” in the scope.

xml version="1.0" encoding="UTF-8"?><project>  <modelVersion>4.0.0modelVersion>  <groupId>sample1groupId>  <artifactId>sample1artifactId>  <packaging>warpackaging>  <version>0.0.1-SNAPSHOTversion>  <description>description>  <dependencies>    <dependency>      <groupId>tomcatgroupId>      <artifactId>servlet-apiartifactId>      <version>5.5.15version>      <scope>providedscope>    dependency>        <dependency>      <groupId>junitgroupId>      <artifactId>junitartifactId>      <version>4.4version>      <scope>testscope>    dependency>        <dependency>      <groupId>displaytaggroupId>      <artifactId>displaytagartifactId>      <version>1.1.1version>    dependency>      dependencies>project>

Figure 7. Repository Search Highlights Existing Dependencies: Using the standard content assist in the editor, insert “provided” in the scope.

For JUnit’s and Tomcat’s servlet-api jars, the scope is test and provided, respectively.

Note: The servlet-api jar is not really needed when developing with WTP. However it’s needed for running Maven 2 goals from the command line.

The next time you perform the same search, the newly added dependencies will display in red to indicate their existence in the pom.xml file (see Figure 7). You won’t be able to add them again unless the dependency is first removed.

Maven Run Configurations
Create a run configuration for Maven called sample1.package by using the tool bar button circled in red in Figure 8. Then click on “Open External Tools Dialog.” Follow the instructions to create a new Maven run configuration by selecting “Maven Build” and pressing the button pointed to by the red arrow in Figure 8. Use the buttons “Browse Workspace” and “Select” to set the Base directory and the Goals, respectively.

The following is the data for your Maven run configuration:

Figure 8. Using External Tools for Maven Run Configurations: Create a new Maven run configuration.

• Name: sample1.package
• Base Directory: ${workspace_loc:/sample1}
• Goals: package

Configuring such goals also allows you to pass additional arguments and VM arguments to the Maven command. Press the “Run” button. Thereafter, wait for the jars to be downloaded into the local repository and monitor the download progress from the Eclipse console.

After executing the target once, you can quickly access it using a drop down in the toolbar menu (see Figure 9).

For additional common Maven goals such as clean, test, and so on, right click on the project, execute them from the popup menu “Run As,” and select the appropriate ready-to-use Maven goal.

You have now progressed to the point where you can add some code.

Figure 9. Recently Used Maven Run Configurations: You can quickly access the target.

Adding Some Code
You can create servlets and JavaServer Pages (JSPs) using the wizard you’ll find in File?New?Other?Web. If you used this wizard to create a servlet, verify that the servlet is registered in web.xml (as it should). If it is not, web.xml is also provided with the downloadable code for the example application.

In this simple application example, index.jsp forwards to a servlet, which in turn forwards to a view JSP. The application also makes use of the displaytag tag library to display a table. You can use the downloadable code to quickly create the application. You can easily unzip it and copy the src folder contents into the src folder of the sample1 project. The pom.xml file, which is outside the src folder anyway, is the only other file that’s code-related.

Launching the Web Application from WTP
Now let’s test the debugging functionality:

1. Put a breakpoint in the servlet doGetMethod.
2. Launch the application by right clicking on the project and executing “Debug As” (see Figure 10).
3. Select “Debug on Server”.
4. If there is no option to use “Choose an existing server,” use “Manually define a new server” only.

Figure 10. Launching the Web Application: Launch the application by right clicking on the project and executing “Debug As”.

In the next page of the wizard screen, ensure that the project is showing up under “Configured projects”. You can experiment with the debugging capabilities of WTP by placing breakpoints in JSPs or the servlet?or, for that matter, in any other code. If you encounter issues, you may need to relaunch after deleting the server shown in Figure 11. (You won’t need it the first time.)

Eclipse will launch the browser and show the application in it. Depending on the breakpoint, Eclipse may go into the debug perspective. You can even set your breakpoints at runtime and see the effects. Alternatively, you can also launch using Run As?Run On Server in the same manner.

Verifying WTP and M2 Plugin Integration
Based on the output and debugging session, you can confirm whether or not the integration was successful.

Note: Changes you make to the servlet, simple classes, and JSPs get dynamically reflected in the output because WTP is pushing all changes into the server. If you don’t need this feature, feel free to stop the server, or delete the server from the server view discussed above. Running Maven goals of “package” does not affect this functionality in anyway. In fact, all other Maven goals can be executed in the same manner.

Figure 11. Servers View: Launch the application by right clicking on the project and executing “Debug As”.

For Further Consideration
The M2Eclipse plugin not only works nicely, but it can also integrate well with WTP. However, this integration does require some configuration even for web application projects as simple as this example used in this article.

The following are some additional tips to keep in mind when integrating M2 and WTP with the techniques described in this article:

1. There is no need to maintain the .classpath file, nor is there a need to use the eclipse:eclipse goal that was used previously with the Maven Eclipse plugin. The .classpath is much cleaner because the pom.xml is used as a valid metadata for understanding the individual jars. All the referenced jars from the repository don’t show up in the .classpath.
2. The key to doing a WTP and M2 integration is to understand folder structures, Java build path settings, and the file .settings/org.eclipse.wst.common.component.
3. You can learn everything about the actual application that you deployed by examining the folder .metadata.pluginsorg.eclipse.wst.server.core inside the workspace. You will need to explore the subfolders to locate the actual location where the web application is being assembled when you execute “Run on Server”. A close look at it reveals that the servlet-api jar and the JUnit jar are not inside the assembled application’s WEB-INF/lib folder, because they had scopes of provided and test, respectively. The earlier builds of the M2 plugin had an issue in this regard.
4. If you use Maven 2, you don’t need MAVEN_HOME or any other environment variable except JAVA_HOME and the correct path. And you need those only for executing Maven 2 from the command line.
5. The M2 plugin uses a component of Maven called Maven Embedder. Embedder has been used by the Maven command line interface (CLI) since version 2.1.
6. You must use Maven from the command line as part of continuous integrations and a regular non-IDE based build process. When running Maven from the command line to build and deploy the web application into Tomcat, refer to the Maven 2 documentation and the Maven 2 book Better Builds with Maven.