Java Webアプリケーション①

[English]

これは私が独学及び職場で学んだことと経験したことをまとめたノートです。皆様からアドバイス・コメントを頂ければ幸いです。

その他参照資料:
・図解でわかるWebアプリケーションのすべて(書籍)

JavaベースでWebアプリケーションについて学習しています。前回は、Eclipseのコンソール上にて「Hello Web World」の表示に成功しました。今回は、Apache Tomcatを活用してブラウザ上で「Hello World」の表示にも成功しました。せっかくなので共有したいと思います。

開発環境の構築にてApache Tomcatはインストール済みの状態です。

作業内容:

1.Eclipseにてサーバーの設定

1.1 “サーバー”ビューを開き、”使用可能なサーバーがありません。このリンク～”をクリックする。
PracticingJavaWebApp01Jap001

1.2 “新規サーバーの定義” > “Apache” > “Tomcat v9.0 サーバー”を選択し、”次へ”をクリックする。
PracticingJavaWebApp01Jap002

1.3 “Tomcat インストールディレクトリ”に”C:\tomcat9″を入力し、”完了”をクリックする。
PracticingJavaWebApp01Jap003

1.4 以下の３点を確認する。
・”サーバー”ビューにて”ローカルホストのTomcat～”の存在
・プロジェクト・エクスプローラーにて”Servers”の表示
・エクスプローラーにて”～\workspace\Servers”の存在
PracticingJavaWebApp01Jap004

1.5 “サーバー”ビューにて”ローカルホストのTomcat～”を右クリックし、”開始”をクリックする。
※Windowsセキュリティの重要な警告が表示された場合、”アクセスを許可する”をクリックする。
PracticingJavaWebApp01Jap005

1.6 “[始動済み、同期済み]”が表示されればサーバーの設定は成功。
※サーバーの停止は、”サーバー”ビューにて”ローカル・ホスト・・”を右クリックし、”停止”をクリックし”[停止、同期済み]”が表示されればサーバーの停止に成功。
PracticingJavaWebApp01Jap006

2.動的 Webプロジェクトを作成

2.1 eclipseを起動して”ファイル” > “新規” > “動的 Web プロジェクト”をクリックする。
PracticingJavaWebApp01Jap007

2.2 “testing_tomcat”をプロジェクト名に入れて、”完了”をクリックする。
PracticingJavaWebApp01Jap008

2.3 プロジェクトの作成に成功したら、画面に”testing_tomcat”が表示される。
PracticingJavaWebApp01Jap009

3.作成した動的 Web プロジェクトをサーバーに追加

3.1 “サーバー”ビューにて”ローカルホストのTomcat～”を右クリックし、”停止”をクリックする。
※手順1.6を参照

3.2 “サーバー”ビューにて”ローカルホストのTomcat～”を右クリックし、”追加および除去”を選択する。
PracticingJavaWebApp01Jap010
3.3 “tomcat_test”を選択して、”追加”をクリックする。
PracticingJavaWebApp01Jap011

3.4 “完了”を押下する。
PracticingJavaWebApp01Jap012

3.5 “サーバー”ビュー”ローカルホストのTomcat～”配下に”testing_tomcat”が表示されれば成功。
※”server.xml”を確認する（152行目ぐらいに”tomcat_test”の記載がある）
PracticingJavaWebApp01Jap013

4.パッケージとクラスの作成（Webプロジェクト）

4.1 “testing_tomcat”に右クリックし、”新規”→”クラス”を選択する。
PracticingJavaWebApp01Jap014

4.2 “pakete.tomcattest”をパッケージ名に記入し、名前は”HelloWebWorld”とし”完了”を押下する。

PracticingJavaWebApp01Jap015

4.3 下記のソースコードを入力し、キーボードにて”cltr + s”で保存する。
ソースコード

package pakete.tomcattest;

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class HelloWebWorld extends HttpServlet {
    private static final long serialVersionUID = 1L;

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

        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<html>");
        out.println("<head>");
        out.println("<title>Hello Web World!</title>");
        out.println("</head>");
        out.println("<body>");
        out.println("<h1>Hello Web World!</h1>");
        out.println("</body>");
        out.println("</html>");
    }
}

※ソースコードについて:
JavaでHTMLを作成し、servletのdoGetメソッドより処理されブラウザに表示される。
PracticingJavaWebApp01Jap016

4.3 フォルダとファイルを確認する。

～\workspace\testing_tomcat\src\pakete\tomcattest\HelloWebWorld.java
～\workspace\testing_tomcat\build\classes\pakete\tomcattest\HelloWebWorld.class

PracticingJavaWebApp01Jap017

5.web.xmlの設定（Webプロジェクト）

5.1 “WebContent”→”WEB-INF”を右クリックし、”新規”→”ファイル”を選択する。
PracticingJavaWebApp01Jap018

5.2 “web.xml”をファイル名に入れて、「完了」をクリックする。
PracticingJavaWebApp01Jap019

5.3 “web.xml”に下記を記述し、キーボードにて”cltr + s”で保存する。

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
version="2.4">

    <servlet>
        <servlet-name>hwwservletname</servlet-name>
        <servlet-class>pakete.tomcattest.HelloWebWorld</servlet-class>
    </servlet>

    <servlet-mapping>

        <servlet-name>
            hwwservletname
        </servlet-name>

        <url-pattern>
            /hwwurlpattern
        </url-pattern>

    </servlet-mapping>
</web-app>

※タグについて:
<servlet-name> → サーブレット名を記述
<servlet-class> → Javaクラスを記述
<url-pattern> → 利用者が見るURLを記述※このURLで<servlet-class>にて記述したJavaクラスが実行される。
PracticingJavaWebApp01Jap020

6.動作確認

6.1 “サーバー”ビューにてサーバを始動・開始する。
PracticingJavaWebApp01Jap021

6.2 ブラウザ起動し、下記のURLへアクセスする。
http://localhost:8080/testing_tomcat/hwwurlpattern

6.3 以下のように”Hello Web World!”が表示されれば成功。
PracticingJavaWebApp01Jap022

※”HTTPステータス 404 ? 見つかりません。”が表示される場合以下を確認。
・手順3.作成した動的 Web プロジェクトをサーバーに追加。
・”自動的にビルド”がチェックされているか確認。
PracticingJavaWebApp01Jap023

One thought on “Java Webアプリケーション①”

  1. Pingback: Java Web Application① – Newbie Systems Engineer's Log

Leave a comment