ブラウザとサーバのやりとり

この単元では、TODO Web アプリケーションの画面が表示される基本的な仕組みを学びます。ブラウザに URL を入力した後、どこへ要求が送られ、何が返されるのかを説明できることが目標です。

ブラウザは、利用者に代わってサーバへ要求を送るクライアントです。サーバは要求に応じて処理し、画面表示に必要な内容を応答として返します。この役割分担をクライアント・サーバモデルと呼びます。

URL は、接続先と求める場所を表す文字列です。localhost は自分と同じコンピュータを指します。8080 はサーバの接続口です。パスは求める場所を表し、疑問符より後ろのクエリ文字列は追加の条件を表します。

スキーム、ホスト、ポートが同じでも、パスが違えば求める画面も変わります。/todos は TODO の一覧を表し、/todos/1 は ID が 1 の TODO を表します。パス中の ID をサーバ側で受け取る方法は、第 16 単元で扱います。

ブラウザとサーバは、HTTP という共通の決まりに従って通信します。ブラウザが 1 回の要求を送ると、サーバは 1 回の応答を返します。この要求と応答の組み合わせが、HTTP 通信の基本的な 1 往復です。

http://localhost:8080/todos を入力すると、ブラウザは URL から接続先とパスを読み取り、HTTP 要求を送ります。サーバは要求を処理して応答を返し、ブラウザは受け取った内容を使って TODO 一覧を表示します。要求と応答の詳しい中身は、第 2 単元で扱います。サーバ側で要求を受け取る仕組みは、第 5 単元で扱います。

ブラウザはクライアントとして要求を送り、サーバは応答を返します。URL のスキーム、ホスト、ポート、パスを見れば、通信方法、接続先、接続口、求める場所を読み取れます。この一連のやりとりは HTTP の決まりに従っています。