Javaの道：Eclipse（９．Webアプリ向け開発手順）

Javaの道 > オープンソース > Eclipse －９．Webアプリ向け開発手順

更新日：2007/1/14

●Eclipse－９．Webアプリ向け開発手順

ここでは、Eclipseを使用してWebアプリケーションを開発する方法を解説します。J2EE向けEclipseプラグインとしてWTPを使用します。

実行環境
・WindowsXP Home Edition
・JDK 1.5.0_07
・Eclipse 3.2.1
・Eclipse Language Pack 3.2.1
・WTP 1.5.1
・WTP 1.5.x Language Packs
・Tomcat 5.5.9

アプリケーション開発

１．動的Webプロジェクトの作成

1-1.	「ファイル」→「新規」→「その他」を選択します。
1-2.	次の画面で「Web」→「動的 Web プロジェクト」を選択し、「次へ」ボタンをクリックします。
1-3.	新規動的Webプロジェクト画面の「プロジェクト名」に「J2EEPJ」と入力し、「次へ」ボタンを押します。

1-4.

プロジェクト・ファセット画面では、なにも設定せず「次へ」ボタンを押します。

1-5.

Webモジュール画面のコンテキスト・ルートに「hello」と入力します。
コンテキスト・ルートはWebアプリケーションのコンテキスト名です。
コンテンツ・ディレクトリーはJ2EEアプリのルートディレクトリを意味します。WTPではデフォルトの設定でWebContentディレクトリ配下にHTML、JSP、WEB-INFなどが作られます。
Javaソース・ディレクトリーはServlet、JavaBeansなどのソースファイルが格納されるディレクトリです。
「終了」ボタンをクリックします。

1-6.	ライセンスを確認するメッセージが表示されますので確認後、「同意します」ボタンをクリックします。
1-7.	J2EEパースペクティブを開くかを尋ねるメッセージが表示されますので、「はい」ボタンをクリックします。
1-8.	動的Webプロジェクトが作成されます。WEB-INFディレクトリ、web.xmlファイルなどWebアプリケーションを開発するのに必要なディレクトリ、ファイルが自動生成されているのが確認できます。

２．サーブレットの作成

2-1.	J2EEパースペクティブで表示されるプロジェクト・エクスプローラーで、サーブレットを作成したいプロジェクトを右クリックし、「新規」→「サーブレット」を選択します。
2-2.	Javaパッケージに「pack」、クラス名に「ShowDateServlet」と入力し、「次へ」ボタンを押します。

2-3.	名前に「ShowDate」、URLマッピングに「/ShowDate」と入力します。名前とURLマッピングはweb.xmlに設定される<servlet-name>タグと<url-pattern>タグになります。<servlet-name>タグ、<url-pattern>タグの詳細はJavaの道：Tomcat（プログラム配置・実行）を参照してください。「終了」ボタンをクリックします。

2-4.	ShowDateServletプログラムの雛形が作成されます。srcディレクトリ配下に作成されているのが確認できます。

2-5.	作成された雛形に具体的なコードを入力します。今回はアクセスすると現在の日付を表示するサーブレットプログラムを作成します。下のサンプルプログラムを記入します（一部、雛形を変更しています）。

【サンプルサーブレット】

package pack;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

 public class ShowDateServlet extends javax.servlet.http.HttpServlet
              implements javax.servlet.Servlet {
	private static final long serialVersionUID = 1L; 	

	protected void doGet(HttpServletRequest request, 
                   HttpServletResponse response)
                   throws ServletException, IOException {

	    response.setContentType("text/html"); 
	    PrintWriter out = response.getWriter();
	    out.println("");
	    out.println("");
	    out.println(new java.util.Date());
	    out.println("");
	    out.println("");
	}	  	    
}

３．JSPの作成

3-1.	J2EEパースペクティブで表示されるプロジェクト・エクスプローラーで、JSPを作成したいプロジェクトを右クリックし、「新規」→「JSP」を選択します。
3-2.	「親フォルダーを入力または選択」が「J2EEPJ/WebContent」になっていることを確認します。「ファイル名」に「ShowDateJSP」と入力し、「終了」ボタンを押します。

3-3.	ShowDateJSPプログラムの雛形が作成されます。WebContentディレクトリ配下に作成されているのが確認できます。

3-4.	作られた雛形に具体的なコードを入力します。今回はアクセスすると現在の日付を表示するJSPプログラムを作成します。

【サンプルJSP】

<%@ page language="java" contentType="text/html; charset=windows-31j"
    pageEncoding="windows-31j" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>ShowDateJSP</title>
</head>
<body>

<%= new java.util.Date() %>

</body>
</html>

動作確認

1.	動作確認を行いたいプロジェクトを右クリックし、「実行」→「サーバーで実行」を選択します。
2.	あらかじめアプリケーションサーバを登録している場合は、「既存のサーバーを選択」を選択し、実行したいアプリケーションサーバを選択し「終了」ボタンをクリックします。選択したアプリケーションサーバが起動します。

3.	アプリケーションサーバが起動すると、内部Webブラウザが起動します。アドレスバーにURLを入力し、サーブレット、JSPが正常に動作することを確認してください。現在の日付が表示されれば正常に動作しています。Tomcatがローカルサーバで起動している場合は以下のURLにアクセスします。サーブレット： http://localhost:8080/hello/ShowDate JSP： http://localhost:8080/hello/ShowDateJSP.jsp 下図はサーブレットを実行した例です（内部Webブラウザが起動しない場合は、ツールバーの地球儀のアイコンをクリックします）。

4.	動作確認後、サーバービューの停止アイコンをクリックし、Tomcatを停止します。

WARファイルの作成

WARファイルの作成方法について解説します。WARファイルはWebアプリケーションに必要なHTML、JSP、classなどのファイルを一まとまりにまとめたもので、主にWebアプリをアプリケーションサーバに配置する際に使用します。WARファイルをアプリケーションサーバの所定の位置に配置することで（Tomcatの場合は、$CATALINA_HOME\webapps）、WARファイルが自動展開され、Webアプリを実行可能な状態にすることができます。
Eclipseでは、WARファイルを簡単に作成することができます。

1.	WARファイルの作成を行いたいプロジェクトを右クリックし、「エクスポート」→「WARファイル」を選択します。
2.	WebモジュールにWARファイルを作成したいプロジェクト、あて先にエクスポート先とWARファイル名（自動展開されることを考え、コンテキスト名と同一にします）を入力し、「終了」ボタンをクリックします。エクスポートが行われ、WARファイルが作成されます。

Eclipse

９．Webアプリ向け開発手順