PowerPoint Presentation

Size: px

Start display at page:

Download "PowerPoint Presentation"

さなえありはら
5 years ago
Views:

1 上級プログラミング 2( 第 7 回 ) 工学部情報工学科木村昌臣

2 今日のテーマ Web アプリケーションとは Web アプリケーションとはなにか Web アプリケーションの仕組み三層アプリケーションサーブレット JSP JavaBeans MVC モデル Web アプリケーションの環境構築 Web サーバー (Apache) Web アプリケーションサーバー (Tomcat)

3 Web アプリケーションとは

4 Web アプリケーションとはなにか実際の処理を行うサーバーとのデータのやり取りやユーザーインターフェイスとして Web 技術を利用したもの Web ブラウザ HTTP Web サーバー Web アプリケーションサーバー

5 Web アプリケーションの仕組みユーザーインターフェイス HTTP - アプリケーション間インターフェイスアプリケーションが動作 (Java プログラム等 ) Web ブラウザ HTTP Web サーバー Web アプリケーションサーバー接続には専用のモジュールが必要

6 三層アプリケーション第一層第二層第三層プレゼンテーション Web ブラウザビジネスロジック Web サーバー / Web アプリケーションサーバー DB サーバー HTTP JDBC など

7 参考従来のクライアントサーバーアプリケーション ( 二層アプリケーション ) 第一層第二層サーバークライアントプレゼンテーションビジネスロジック DB サーバー

8 従来のクライアントサーバーモデルと比べて三層アプリケーションモデルのうれしい点表示 ( プレゼンテーション ) とデータ処理 ( ビジネスロジック ) の分離ブラウザさえあればクライアントをインストールする必要がない ( それゆえに ) クライアントの更新が不要データベースなどの基幹システムに対してクライアントから直接アクセスすることがない ( アクセスは Web アプリケーションサーバのみ ) のでセキュリティが向上

9 サーブレット (Servlet) Web アプリケーションサーバーで動作する Java プログラム HttpServlet クラスを継承して作る次の三つのパッケージはインポートする必要あり java.io.* javax.servlet.* javax.servlet.http.* HttpServletRequest で入力 HttpServletResponse で出力を行う

10 JSP Java Server Page HTML に Java プログラムによる処理を付け加えたものサーブレットは最終的に HTML 形式で出力するが Java のプログラムでは HTML のレイアウトの調整を詳細に行うことは困難同様のことを HTML をベースにし必要な処理を付け加えることにより実現したものが JSP

11 JavaBeans いろいろな Web アプリケーションで共通に使われる Java クラス群をモジュール化してまとめたものデータ接続用などクラスのプロパティ ( 変数 ) にアクセスするときには直接変数にアクセスするのではなくメソッド経由でアクセスする set 変数名 () 変数に値のセット get 変数名 () 変数の値を取得

12 それぞれの役割 ( 検索エンジンを例として ) 検索語の入力サーブレット検索処理の指示 DB サーバー表示表示用処理の指示 JSP JavaBeans 検索処理結果の取得ただし JavaBeans や JSP の役割をサーブレットだけで実現することもある

13 MVC モデル適切な出力の指示を行う Control サーブレット JavaBeans 出力を行う View JSP ビジネスロジックのモデリングを行う Model

14 MVC モデルにのっとった Web アプリケーションを設計する利点規模が大きいアプリケーションに向いている役割別に分類されているため異なる役割の人が開発に参画しやすい M( モデル ): 共通部品開発者 V( ビュー ): 画面デザイナー C( コントロール ): アプリケーション開発者

15 Web アプリケーションの作り方の変化従来の Web アプリケーションの困難従来の Web アプリケーションでは 1 画面に対して Web ページ 1 つが対応ユーザーがページ遷移を待たなければならず user experience 的によくない ( 使いづらい ) Web ブラウザの戻るボタンを押されると処理の流れが断ち切られるため別途対応が必要 Ajax や Websocket Web ブラウザと Web サーバー間のページ遷移なしの通信を利用したプログラムを実現

16 Single Page Application (SPA) HTML5 で高度な処理を JavaScript で行うことができるようになったことが背景 HTML からページ遷移なしに HTTP でサーバーとデータのやり取りが可能 (Ajax) 描画方法が豊かになったのでいろいろな UI 部品が簡単に使用可能ひとつの Web ページのみでアプリケーションの全ての画面を実現 Web アプリケーションとネイティブアプリケーションのいいとこ取り参考文献 :

SPA の例ブラウザ上で Excel が動いていることに注意 https://blogs.office.

17 SPA の例ブラウザ上で Excel が動いていることに注意

18 以降この講義ではサーブレット JSP Beans による MVC モデルを元に説明 Java だけで話を閉じるために SPA では JavaScript の活用が不可欠

19 Web アプリケーションの環境構築

20 Web アプリケーションの実行環境例 Apache Tomcat Web ブラウザ HTTP Web サーバー Web アプリケーションサーバー接続には専用のモジュールが必要

21 Web アプリケーションの実行環境 Web サーバー Apache (Apache Software foundation) IIS (Microsoft) IHS (IBM) Web アプリケーションサーバー Tomcat (Jakarta Apache Project) WebSphere Application Server (IBM) など

22 Apache の入手 platform/windows.html#down のリンクからダウンロード

23 Apache のインストールインストーラを実行 ( デフォルトでよい ) ネットワークドメインサーバー名サービスとして実行

24 正しくインストールできるとこの画面が見れるブラウザでにアクセス

25 Tomcat の入手 apache/dist/tomcat/tomcat-9/v9.0.10/bin/ からダウンロード

26 環境変数 JAVA_HOME を設定マイコンピュータを右クリックしプロパティ詳細設定タブ環境変数ボタンを押すシステム環境変数の新規ボタンを押して環境変数 JAVA_HOME に jdk のインストールディレクトリを設定する

27 Tomcat のインストール (1) 基本的にデフォルトで OK Service Start Menu Items Documentation Examples にチェック

28 Tomcat のインストール (2) Tomcat の使用ポートは 8080 管理パスワードをつけておく

29 Tomcat のインストール (2) JRE(Java Runtime 環境 ) のインストールディレクトリを指定

30 成功するとで以下の画面が表示される

31 コネクタ (mod_jk) mod_jkというモジュールを使ってwebサーバーとwebアプリケーションサーバーを連携させる Web サーバー接続用の専用モジュール = コネクタ Web アプリケーションサーバー mod_jk2 や webapp

32 mod_jk の入手 apache/dist/tomcat/tomcat-connectors/jk /binaries/win32/jk / から mod_jk-apache so をダウンロード

33 mod_jk の導入名前を mod_jk.so に変更し次のディレクトリにコピー C: Program Files Apache Group Apache2 modules

34 mod_jk が使えるように設定 Web アプリケーションのログ取得用ディレクトリを作成 C: logs mod_jk の設定ファイルを用意 (workers.properties) C: Program Files Apache Group Apache2 conf の直下に置く ( 内容は次のみ ) worker.list=worker1 worker.worker1.type=ajp13 worker.worker1.host=localhost worker.worker1.port=8009 C: Program Files Apache Group Apache2 conf にある httpd.conf を次ページのように編集

35 # # httpd.confの最後に追加 # ################################## # # mod_jkの設定 # ################################## # mod_jkモジュールをロード LoadModule jk_module modules/mod_jk.so # mod_jk の設定ファイル (workers.properties) の場所 JkWorkersFile "C:/Program Files/Apache Group/Apache2/conf/workers.properties" # ログファイルの場所 JkLogFile "C:/logs/mod_jk.log" # ログ取得レベル JkLogLevel info # # URL と Web アプリケーションの対応付け # ## 自分で作ったプログラムを入れる場所 JkMount /webapps/* worker1 ## サンプル (JSP) JkMount /jsp-examples/* worker1 ## サンプル ( サーブレット ) JkMount /servlets-examples/* worker1

36 動作確認 ( サンプルプログラムを動かしてみる )

37 import java.io.*; import java.util.*; import javax.servlet.*; import javax.servlet.http.*; public class HelloWorld extends HttpServlet { public void doget(httpservletrequest request, HttpServletResponse response) throws IOException, ServletException { PrintWriter out = response.getwriter(); out.println("<html><head>"); out.println("<title>hello world</title></head>"); out.println("<body><h1> Hello world! </h1>"); out.println("</body>"); out.println("</html>"); } }

38 実行結果

39 参考 URL &servlet/tomcat.html l.htm FTomcat5.5%2Fmod_jk

9iAS_DEV.PDF

9iAS_DEV.PDF Oracle9i Application Server for Windows NT 1.0.2.0.0 2001.2.1 1 1 PL/SQL...3 1.1...3 1.2 PL/SQL Web Toolkit...5 1.3 Database Access Descriptor...6 1.4 PL/SQL...8 1.5 PL/SQL...10 1.6 PL/SQL...12 2 SERVLET...13