Download presentation
Presentation is loading. Please wait.
1
Webアプリケーションの 通信メカニズム ＷＥＢアプリ研究プロジェクト 第2回
2
今日の目標 Webアプリケーションがどのような通信メカニズムの上に成り立っているのか説明できる
クライアント・サーバシステムの仕組みを説明できる HTTPプロトコルの仕組みを説明できる
3
SFCのトップページを表示する ここって何だろう？ ①ブラウザを使って情報を要求する ②対応する情報が送られてくる
③送られてきた結果を表示する hogehogehgoehgoe hogehoehgoehgoeh hgeoheohgoehgoeg gehoghoeghoehgoe image ②対応する情報が送られてくる ここって何だろう？
4
クライアント・サーバシステム サーバ クライアント 他の端末が利用する機能をネットワーク上に公開しているプログラムのこと
サーバに対して要求をだし、サーバの機能を利用するプログラムのこと クライアントがサーバの提供する機能を利用するには、 クライアントプログラムとサーバプログラムの間で 通信する必要がある
5
サーバの機能を使うためには どのサーバのアプリケーションを 使うのかを特定しなければならない
どのサーバと通信するのか ccz00.sfc.keio.ac.jp ホスト名 web.sfc.keio.ac.jp ポート番号は１～６５５３５ mail.sfc.keio.ac.jp サーバの機能を使うためには どのサーバのアプリケーションを 使うのかを特定しなければならない
6
サーバ上で動いているプログラムの中で どのプログラムを 使うのかを特定しなければならない
どのプログラムと通信するのか SSH WEB データベース メール ポート番号は１～６５５３５ サーバ上で動いているプログラムの中で どのプログラムを 使うのかを特定しなければならない
7
ポート ・・・ POP:110 SMTP:25 TELNET:23 WEB:80 TOMCAT:8080 ・・・
Port:1 ・・・ Port:79 POP:110 SMTP:25 TELNET:23 WEB:80 TOMCAT:8080 Port:80 Port:81 Port:82 ・・・ Port:65535 多くのOSにはポートと呼ばれるネットワークの出入り口が定義されてる。OS上で動くプログラムにはそれぞれどのポートへの要求がそのプログラムへのものなのかが割り振られている
8
ポートを使った通信 １、接続要求 サーバ: web.sfc.keio.ac.jp クライアント: xxx.xxx.xxx Port:79
Port:xxxx Port:80 Webサーバ Port:ｘｘ Port:ｘｘ ２、データの送信
9
情報をサーバに伝える それではどのような形式で今まで挙げたような情報を サーバに伝えているのでしょう？ みんなが使う統一の規格が必要
通信には プロトコル
10
ＨＴＴＰプロトコル Hyper Text Transfer Protocol 現在ＨＴＴＰ1.1（RFC2616）
ハイパーテキストの転送を行うプロトコル ＨＴＭＬ、画像、音声ファイルなど ハイパーテキストとは リンク、マルチメディアコンテンツを含むことのできるデジタル文書フォーマット 現在ＨＴＴＰ1.1（RFC2616） 実際は1.0と共存している状態 リソースの送受信だけを行うことを目的としている シンプル：複雑な処理がない ステートレス：接続状態を保たない
11
ＨＴＴＰによる通信 メッセージ交換 クライアントからサーバへの「リクエスト・メッセージ」
サーバからクライアントへの「レスポンス・メッセージ」 ※ 原則として１リソースごとに１往復のメッセージ交換 ＷＥＢブラウザ Hoge.html (1) HTMLファイルの取得 画像1 (2) 画像1ファイルの取得 画像2 (3) 画像2ファイルの取得
12
ＨＴＴＰメッセージの構造（１） リクエスト・メッセージ レスポンス・メッセージ GET /index.html HTTP/1.1
Accept: */* Accept-Language: ja Accept-Encoding: gzip, deflate Referer: User-Agent: Mozilla/4.0 (compatible; MSIE 5.01; Windows NT 5.0) Host: HTTP/ OK Server: Apache/ (TurboLinux) mod_perl/1.24 ApacheJServ/1.1 Date: Sun, 11 Feb :57:02 GMT Connection: close Content-Type: text/html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML lang="ja"> <HEAD> <META HTTP-EQUIV="Content-Type" content="text/html;charset=SHIFT_JIS"> （略） </BODY></HTML>
13
ＨＴＴＰメッセージの構造（２） リクエスト・メッセージ レスポンス・メッセージ 命令 結果 報告 引数 内容 リクエスト・ライン
・ヘッダ リクエスト・ライン メッセージ ・ヘッダ ステータス・ライン 命令 結果 報告 各種ヘッダフィールド （リクエスト・ヘッダ 一般ヘッダ エンティティヘッダ） 各種ヘッダフィールド （リクエスト・ヘッダ 一般ヘッダ エンティティヘッダ） 空行（ＣＲ＋ＬＦ） 空行（ＣＲ＋ＬＦ） メッセージボディ （フォームのパラメータなど） メッセージボディ （ＨＴＭＬファイル、 マルチメディアデータなど） 引数 内容
14
ＨＴＴＰリクエスト リクエスト・ラインの書式 メソッド一覧 メソッド [空白] リクエストURL [空白] HTTPバージョン
※リクエストＵＲＬは、ＷＥＢサーバのドキュメントルートからの相対パス メソッド ＨＴＴＰバージョン 機能 HEAD 1.0／1.1共通 指定したURL取得の結果レスポンスのヘッダーのみ取得する。 GET 1.0／1.1共通 指定したURLが示すリソースを取得する。 POST 1.0／1.1共通 指定したURLが示すサーバーに対してデータを転送する。 PUT 1.0／1.1共通 指定したURLが示すリソースに対して、データを転送して置き換える。 DELETE 1.0／1.1共通 指定したURLが示すリソースを削除する TRACE 1.1より追加 サーバーやプロキシの動作を診断するための情報を返答する OPTIONS 1.1より追加 使用できるメソッドやオプションの一覧を取得する CONNECT 1.1より追加 プロキシでのトンネリング接続を行う
![ＨＴＴＰリクエスト リクエスト・ラインの書式 メソッド一覧 メソッド [空白] リクエストURL [空白] HTTPバージョン](http://slidesplayer.net/slide/11259219/61/images/14/%EF%BC%A8%EF%BC%B4%EF%BC%B4%EF%BC%B0%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88+%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%83%BB%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%AE%E6%9B%B8%E5%BC%8F+%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E4%B8%80%E8%A6%A7+%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89+%5B%E7%A9%BA%E7%99%BD%5D+%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88URL+%5B%E7%A9%BA%E7%99%BD%5D+HTTP%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3.jpg "※リクエストＵＲＬは、ＷＥＢサーバのドキュメントルートからの相対パス. メソッド. ＨＴＴＰバージョン. 機能. HEAD. 1.0／1.1共通. 指定したURL取得の結果レスポンスのヘッダーのみ取得する。 GET. 1.0／1.1共通. 指定したURLが示すリソースを取得する。 POST. 1.0／1.1共通. 指定したURLが示すサーバーに対してデータを転送する。 PUT. 1.0／1.1共通. 指定したURLが示すリソースに対して、データを転送して置き換える。 DELETE. 1.0／1.1共通. 指定したURLが示すリソースを削除する. TRACE. 1.1より追加. サーバーやプロキシの動作を診断するための情報を返答する. OPTIONS. 1.1より追加. 使用できるメソッドやオプションの一覧を取得する. CONNECT. 1.1より追加. プロキシでのトンネリング接続を行う.")
15
HTTPバージョン [空白] ステータスコード [空白] 結果フレーズ
ＨＴＴＰレスポンス ステータスラインの書式 ステータスコード一覧（有名どころ） HTTPバージョン [空白] ステータスコード [空白] 結果フレーズ ステータス・コード ＨＴＴＰバージョン 結果フレーズ 200 1.0／1.1共通 OK 301 1.0／1.1共通 Moved Permanently 302 1.0／1.1共通 Moved Temporarily 400 1.0／1.1共通 Bad Request 401 1.0／1.1共通 Unauthorized 403 1.0／1.1共通 Forbidden 404 1.0／1.1共通 Not Found 500 1.0／1.1共通 Internal Server Error
![HTTPバージョン [空白] ステータスコード [空白] 結果フレーズ](http://slidesplayer.net/slide/11259219/61/images/15/HTTP%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3+%5B%E7%A9%BA%E7%99%BD%5D+%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89+%5B%E7%A9%BA%E7%99%BD%5D+%E7%B5%90%E6%9E%9C%E3%83%95%E3%83%AC%E3%83%BC%E3%82%BA.jpg "ＨＴＴＰレスポンス. ステータスラインの書式. ステータスコード一覧（有名どころ） HTTPバージョン [空白] ステータスコード [空白] 結果フレーズ. ステータス・コード. ＨＴＴＰバージョン. 結果フレーズ ／1.1共通. OK ／1.1共通. Moved Permanently ／1.1共通. Moved Temporarily ／1.1共通. Bad Request ／1.1共通. Unauthorized ／1.1共通. Forbidden ／1.1共通. Not Found ／1.1共通. Internal Server Error.")
16
ブラウザを使ったHTTPによる通信 ブラウザはＵＲＬが示す場所のファイルを取得する
ＵＲＬ（Uniform Resource Locator） リソースの場所を指定する 全世界で一意 書式： 相対ＵＲＬでは、ドキュメントルートをサーバが自分で補って解釈してくれている スキーム： リソースにアクセスする手段。 他にも、mailto、ftp、file、telnetなんかがある。デフォルトはHTTP。 ＷＥＢサーバ名： ＩＰアドレスを使用することも可能 ポート： アクセスするサーバのポート番号。デフォルトはHTTP標準の80番。 パス： ＷＥＢサーバの ドキュメントルートからのパス
17
リクエスト・メッセージを送り、結果を受け取る
TelnetによるＨＴＴＰ実習 Telnetを使って、ＷＥＢサーバに リクエスト・メッセージを送り、結果を受け取る やること 学校の端末（ccz01など）にSSHでログインする telnetでSFCのWEBサーバに接続します ＨＴＴＰリクエストのGETメソッドを試してみよう！ % telnet 80 Trying Connected to www. Escape character is '^]'.
18
ＧＥＴメソッド % telnet www.sfc.keio.ac.jp 80 Trying 133.27.4.212...
Connected to www. Escape character is '^]'. GET /~kobataka/index.html 1.1 [+改行２回] GET /~kobataka/cgi-bin/httptry.cgi?name=hoge&age= [+改行２回]
Similar presentations
