Web のクライアントサーバモデル

Size: px

Start display at page:

Download "Web のクライアントサーバモデル"

ふみなこやぎ
7 years ago
Views:

1 第 2 回の内容クライアントサーバモデル URI HTTP

2 Web のクライアントサーバモデル

3 クライアントサーバモデルユーザークライアントサーバ処理要求の入力処理要求結果の提示処理結果処理

4 Web のクライアントサーバモデルユーザー Web ブラウザ Web サーバ URI の指示 HTTP リクエスト Web ページの描画 HTTP レスポンス

5 URI

6 Web ブラウザのアドレスバー

7 URI の例

8 URI の例

9 URI の例

10 URI の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0

URI の構造 URI の例 http://www.example.ac.jp:8080/path/to/resource?

11 URI の構造 URI の例構文 <scheme>://<host>:<port><path>?<query>#<fragment>

12 URI の構造 http <scheme>://<host>:<port><path>?<query>#<fragment>

13 URI の構造 http <scheme>://<host>:<port><path>?<query>#<fragment>

14 URI の構造 http <scheme>://<host>:<port><path>?<query>#<fragment>

15 URI の構造 http /path/to/resource <scheme>://<host>:<port><path>?<query>#<fragment>

16 URI の構造 http 8080 qt=%e3%81%82&page=1 /path/to/resource <scheme>://<host>:<port><path>?<query>#<fragment>

17 URI の構造 http 8080 qt=%e3%81%82&page=1 /path/to/resource r5 <scheme>://<host>:<port><path>?<query>#<fragment>

18 URI の構造スキーム名 <scheme>://<host>:<port><path>?<query>#<fragment> スキーム名 : リソースにアクセスする方法スキーム名 http https 説明 HTTP TLS でセキュリティ保護された HTTP

URI の構造ホスト名とポート番号 <scheme>://<host>:<port><path>?<query>#<fragment> http://www.example.ac.

19 URI の構造ホスト名とポート番号 <scheme>://<host>:<port><path>?<query>#<fragment> ホスト名とポート番号 : リソースを提供する Web サーバの名前とポートポート番号スキーム既定値 http 80 https 443 既定値の場合は : も含めて省略

20 URI の構造パスとクエリ <scheme>://<host>:<port><path>?<query>#<fragment> パスとクエリ : Webサーバ内でのリソースの名前 key=valueの組を & でつないだ形式 key 1 =value 1 &key 2 =value 2 & パスは / 区切りの階層構造クエリがない場合は? も含めて省略

21 リソースの特定スキーム名からクエリまででリソースを特定 <scheme>://<host>:<port><path>?<query>#<fragment> アクセス手段 Web サーバ Web サーバ内におけるリソース

22 URI の構造フラグメント識別子 <scheme>://<host>:<port><path>?<query>#<fragment> フラグメント識別子リソース内の一部分を指し示すフラグメント識別子がない場合は # も含めて省略

23 URI の構造の例

24 URI の構造の例スキーム名 http

25 URI の構造の例スキーム名 http ホスト名ポート番号 ( 省略 )

26 URI の構造の例スキーム名 http ホスト名ポート番号 ( 省略 ) パス / クエリ ( なし ) フラグメント識別子 ( なし )

27 URI の構造の例

28 URI の構造の例スキーム名 http ホスト名ポート番号 ( 省略 )

29 URI の構造の例スキーム名 http ホスト名ポート番号 ( 省略 ) パス /hp/kamoku/h26/kyouyou/b/joho/ html クエリ ( なし ) フラグメント識別子 ( なし )

30 URI の構造の例

31 URI の構造の例スキーム名 http ホスト名ポート番号 ( 省略 ) パス / クエリ ( なし ) フラグメント識別子 ( なし )

32 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0

33 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名 http

34 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名 http ホスト名 p-search.kantei.go.jp ポート番号 ( 省略 )

35 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名 http ホスト名 p-search.kantei.go.jp ポート番号 ( 省略 ) パス /ja_kantei/search.x

36 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

37 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

38 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

39 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

40 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

41 URI の構造の例 %E8%82%B2&ie=UTF-8&page=1&submit.x=0&submit.y=0 スキーム名ホスト名 http ポート番号 ( 省略 ) パスクエリフラグメント識別子 ( なし ) p-search.kantei.go.jp /ja_kantei/search.x q=%e6%95%99%e8%82%b2&ie=utf-8&page=1 &submit.x=0&submit.y=0

42 パスの階層構造 /a/c/g / a c g

43 絶対パスと相対パス絶対パス相対パス / から始まるパス現在のパスを起点としたパス絶対パスに変換できる. は現在の階層.. は 1 つ上の階層

44 絶対パスと相対パス現在のパス : /a/c/g / a b c d e f g h i j

45 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h / a b c d e f g h i j

46 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/ a b c d e f g h i j

47 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/./h /a/c/h c a d e b f g h i j

48 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/./h /a/c/h.. /a/ c a d e b f g h i j

49 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/./h /a/c/h.. /a/ c a d e b f../d/i /a/d/i g h i j

50 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/./h /a/c/h.. /a/ c a d e b f../d/i /a/d/i../.. / g h i j

51 絶対パスと相対パス現在のパス : /a/c/g 相対パス h 絶対パス /a/c/h /. /a/c/./h /a/c/h.. /a/ c a d e b f../d/i /a/d/i../.. / g h i j../../b/e /b/e

52 絶対パスと相対パス現在のパス相対パス絶対パス. /a/ /a/b.. /. /a/b/ /a/b/.. /a/

53 絶対 URI と相対 URI ベース URI 絶対 URI 相対 URI 現在の URI スキーム名から始まる完全な URI ベース URI からの相対的な URI 絶対 URI の先頭からいくつかの構成要素を省略省略された部分はベース URI の対応する構成要素と同じ

54 絶対 URI と相対 URI 相対 URI ベース URI 絶対 URI

55 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b

56 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d

57 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d

58 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d

59 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d

60 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d #f1

61 絶対 URI と相対 URI ベースURI 相対 URI 絶対 URI //host2/a/b /c/d #f1

62 相対 URI でのハイパーリンク kyouyou/b/joho/ html kyouyou/b/ippan_shizen/ html../ippan_shizen/ html へハイパーリンク

63 http 以外のスキームスキーム https 例

64 http 以外のスキームスキーム https ftp 例 ftp://ftp.freebsd.org/pub/freebsd/readme.txt

65 http 以外のスキームスキーム https ftp mailto 例 ftp://ftp.freebsd.org/pub/freebsd/readme.txt

66 http 以外のスキームスキーム https ftp mailto tel 例 ftp://ftp.freebsd.org/pub/freebsd/readme.txt tel:

67 HTTP の基礎

68 Web のクライアントサーバモデルユーザー Web ブラウザ Web サーバ URI の指示 HTTP リクエスト Web ページの描画 HTTP レスポンス

69 URI の解釈アクセス手段 Web サーバ Web サーバ内におけるリソースの 8080 番ポートに接続し HTTP で /path/to/resource?qt=%e3%81%82&page=1 を要求

70 HTTP のリクエストメッセージの例 GET /test.html HTTP/1.1 Host: User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:28.0) Gecko/ Firefox/28.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: ja,en-us;q=0.7,en;q=0.3 Accept-Encoding: gzip, deflate Connection: keep-alive

71 HTTP のレスポンスメッセージの例 HTTP/ OK Date: Mon, 14 Apr :25:45 GMT Server: Apache Last-Modified: Mon, 14 Apr :58:19 GMT Etag: "b0-4f6fb355798c0" Accept-Ranges: bytes Content-Length: 176 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Content-Type: text/html; charset=utf-8 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title> テストページ </title> </head> <body> <h1> テストページ </h1> </body> </html>

72 HTTP のリクエストメッセージヘメッッダセージボメデッィセージリクエストライン GET /test.html HTTP/1.1 Host: User-Agent: Mozilla/5.0 (Windows NT 6.1; Accept: text/html,application/xhtml+xml, Accept-Language: ja,en-us;q=0.7,en;q=0.3 Accept-Encoding: gzip, deflate Connection: keep-alive 空行

73 リクエストライン GET /test.html HTTP/1.1 HTTP/1.1 を使って /test.html を取得 (GET) する

HTTP のレスポンスメッセージヘメッッダセージボメデッィセージ HTTP/1.

74 HTTP のレスポンスメッセージヘメッッダセージボメデッィセージ HTTP/ OK Date: Mon, 14 Apr :25:45 GMT Server: Apache Connection: Keep-Alive Content-Type: text/html; charset=utf-8 <!DOCTYPE html> <html lang="ja"> </html> ステータスライン空行

75 ステータスライン HTTP/ OK 200 ステータスコードステータスコード意味 200 リクエストに成功した 404 リソースが存在しない 403 権限がない 500 サーバ側でエラーが起こった

76 ステータスコード 404

77 送り返されるリソースメディアタイプリソース HTTP/ OK Date: Mon, 14 Apr :25:45 GMT Server: Apache Connection: Keep-Alive Content-Type: text/html; charset=utf-8 <!DOCTYPE html> <html lang="ja"> </html>

78 メディアタイプタイプ / サブタイプタイプ text image audio video application 説明テキスト情報画像データ音声データ映像データその他の種類のデータ

79 メディアタイプメディアタイプ application/octet-stream application/pdf application/xhtml+xml application/zip image/jpeg image/png text/css text/html text/plain 説明任意のバイナリデータ PDF XHTML 文書 ZIP 書庫 JPEGフォーマットの画像 PNG 画像 CSS HTML 文書プレーンテキスト

80 メディアタイプのパラメータタイプ / サブタイプ ; パラメータ charset パラメータ文字コード text/html; charset=utf-8 UTF-8 で書かれた HTML 文書

81 送り返されるリソースメディアタイプリソース HTTP/ OK Date: Mon, 14 Apr :25:45 GMT Server: Apache Connection: Keep-Alive Content-Type: text/html; charset=utf-8 <!DOCTYPE html> <html lang="ja"> </html>

82 第 2 回の内容クライアントサーバモデル URI HTTP

HTTPの規格

HTTPの規格第 5 回の内容 HTTPの規格 HTTPメッセージの基本 HTTPの規格 HTTPの規格 Internet Engineering Task Force (IETF) Request for Comments (RFC) 年バージョン RFC 1996 年 HTTP/1.0 RFC 1945 Hypertext Transfer Protocol -- HTTP/1.0 1997