Webサーバー｜くまなつブログ

Webアプリケーションを開発するには、Webサーバーの知識が絶対に必要です。
Webサーバーが必要な理由や仕組みを理解すると、グッとWebアプリケーションが作りやすくなります。
図解を使ってわかりやすく解説するので、ぜひ見てください！

Webサーバーとは？
- 静的コンテンツとは？
Webサーバーの仕組み
WebサーバーとAPサーバーの違い
人気のWebサーバー
- Nginx
- Apache
まとめ

Webサーバーとは？

Webクライアントからのリクエストに対して静的コンテンツ(HTML, CSS, JavaScript)などの情報を返します。
Webの3層構造のWebサーバー、APサーバー、DBサーバーの内のWebクライアントからのリクエストを最初に処理するサーバーです。

静的コンテンツとは？

サーバーが持っているデータをそのままブラウザへ返すコンテンツのことです。
データを変換しないので静的と呼ばれています。

Webサーバーの仕組み

Webサーバーの仕組みを理解するためには、WebクライアントとWebサーバーの関係を理解するとわかりやすいです。

Webクライアント

Web上のサービスにリクエストを送信するソフトウェア
もっと分かりやすくすると、Webサイトを見るためのソフトウェアです。

Webサーバー

Webクライアントからのリクエストに対して応答するソフトウェア
分かりやすくすると、Webサイトを公開するソフトウェアです。

Webクライアントって何？という方も大丈夫です！Webクライアントとはブラウザのことです！

ブラウザ

Google Chrome（グーグルクローム）
Microsoft Edge（マイクロソフトエッジ）
Safari（サファリ）
Firefox（ファイアフォックス）

どのブラウザでも同じように、Webサーバーにアクセスすることができます。

todo: webクライアントとWebサーバーの関係図を入れる

アクセス方法まとめ

ブラウザからWebアプリケーションにリクエストを送る
Webサーバーがリクエストを受け取る
Webサーバーはリクエストを処理するための、HTMLやCSSを探す
Webサーバーはレスポンスをブラウザに返却する

ブラウザとWebサーバーはリクエストとレスポンスで、データのやりとりをしています。

WebサーバーとAPサーバーの違い

WebサーバーとAPサーバーはWeb3層構造に含まれており違いが分かりにくいかもしれません。
WebサーバーとAPサーバーの違いについて理解しておきましょう！
WebサーバーはHTMLやCSSなどの静的なコンテンツを返します。
文字や色などが静的なコンテンツになります
APサーバーはWebサーバーからのリクエストをプログラミング言語を実行して動的な処理します。
ログイン機能や商品の購入など処理が必要なことを担当するサーバーです。