Webの動作🖥

WebサーバとWebクライアント

client - request / 브라우저

server - response / 콘텐츠 자원을 관리하고 처리하는 컴퓨터

Web上で不特定多数の人に異なるコンテンツを公開するには、クリーンアップと管理が重要であるため、WebクライアントとWebサーバを分離し、Webサーバ(コンピュータ1台)に情報を集中する.

client

要求

サーバ

で転送されたデータフラグメントを完全なWebサイトに組み立てます.

server

ストレージ

ネットワーク上に開示ハイパーテキスト

クライアントリクエスト時にHTMLファイルをコミットします.

は、コンテンツリソースを管理および処理する.

何かを買うために店に行く場合のたとえ.

クライアントは、DNSを介してサーバの実際のアドレスを検索して、Webサイトにアクセスします./店の住所を探す.

クライアント(ブラウザ)は、Webサイトのコピー(HTMLドキュメント)を送信するようサーバにHTTPメッセージを送信します./店で商品を注文する.

サーバが要求を承認した場合、200 OKメッセージが送信され、クライアントにファイルが送信される./店が欲しい物を伝える.

コンテンツの検索方法

URLだけでクライアントが望むコンテンツを見つけることができます.
Webサイトの特定のページにアクセスするには、「アドレス」ウィンドウに入力した文字列がURLです.
URL:インターネット上のコンテンツを一意に指定するための構造
URLは、スキーマ、ホスト名、パス名で構成されます.

スキーム:リソースを取得する方法

ホスト名:リソースコンピュータ名

パス名:ホスト上のリソースロケーション

コンテンツのインタラクション

URLを使用して特定のデータを要求することができます.
ここで特定のデータをどのように交換するかについての約束が必要です.
これを通信プロトコルと呼びます.
HTTPはWeb上のHTML伝送に広く用いられている.
HTTP:HTML転送用プロトコル

リクエスト内容|HTTPリクエスト

開始行

GET[1] /doc/test.html[2] HTTP/1.1[3]

HTTPメソッド:サーバが実行すべき操作

URL:必要な情報

HTTPバージョン

リクエストヘッダ

Host: www.test.com要求を送信するホスト名Accept: image/gifWebクライアントが受信できるデータ型(Content-Type形式)User-Agent: Mozilla/4.0Webブラウザのタイプとバージョンoriginリクエストはどこから始まりますか?

要求の応答|HTTP応答

じょうたいせん

HTTP/1.1[1] 200[2] OK[3]

HTTPバージョン

ステータスコード

応答構文

レスポンスヘッダ

レスポンスに関する追加情報

応答本文

要求されたデータ(HTML、JPEG...)

RESTful API

Mashuup:Webサービスと組み合わせて新しい付加価値を作成する方法(ローカルAPIを使用)
REST(Representation State Transfer):HTTP URIでリソースを指定し、HTTPメソッド(POST、GET、PUT、DELETE)でリソースにCRUD操作を適用する

REST原則

APIは、Webサーバを介して

を提供する.
方法は、サービス(GET/users/[사용자 id])を得るために

パスに送信される.
ステータスコード

API要求が成功したかどうか

URLは、リソースの位置

を示す.

サーバは、JSON、XMLなどのデータ(主にJSON)

を返す

クライアントは管理を必要とせず、要求ごとに独立して

を発行する.

リファレンス

ウトコ課程資料-web上の動作

Webの動作-MDN

HTTPメッセージ