🕌

WEB開発者に必要な知識(クライアントとサーバ、リクエストとレスポンス、GETとPOST、WEBアプリケーション)

2024/01/04に公開

https://youtu.be/NzTbsE33H-4

WEBアプリケーションを開発する方は必須の知識になるので学んでおきましょう!

WEBアプリケーションとは

インターネット上で共有して使えるアプリケーションのこと

WEBアプリケーションがない時代は、それぞれのPCにアプリケーションがあった

例)WordアプリケーションがそれぞれのPCにインストールされているイメージ




インターネット上にあるWordアプリケーションを皆で使えるようになった(下図はイメージ)




1.クライアントがこの商品見せて~とリンクをクリックするなどしてリクエストを送る

2.WEBサーバが、これはJavaなどの言語が必要だと判断したら、アプリケーションサーバに依頼する

3.アプリケーションサーバがこれはデータベースのデータが必要だと判断したらデータベースサーバに依頼する

4.データベースサーバはデータベースからデータを取得してアプリケーションサーバに返す

5.アプリケーションサーバはもらったデータとともに画面を生成してWEBサーバに返す

6.WEBサーバはクライアントに商品詳細などのページを画面に表示する

クライアント

この商品見せて~など要求する側のこと

WEBサーバ

Webサイトを公開しているコンピュータ

アプリケーションサーバ

Javaなどの言語が動いているコンピュータ
データベースからデータ(例:商品名や価格)が欲しい時は、データベースサーバに依頼する

データベースサーバ

データベースが格納されているコンピュータ

リクエスト

この商品見せて~とお願いする行為のこと

レスポンス

この商品見せて~に対して、はい、いいですよ~とWEBページを作って画面に表示してくれる行為のこと



GET

以下の場合はGETという手段でデータが飛ばされる

  • リンクをクリックした時
  • ブラウザのアドレスバーにURLを入力してEnterを押した時

※ブックマーク(ブラウザのお気に入りに登録)が出来る
※主に検索やデータ(今回の場合は商品の詳細情報)を取得する時に使われる事が多い

POST

以下の場合はPOSTという手段でデータが飛ばされる

  • HTMLのformタグのmethod属性がpostになっていた時
<form method="post">
  • URLに入力したデータは表示されない(GETの場合は表示される)

※主にデータの書き込みなど更新がある場合に利用される

Udemyで講座を公開中!
https://zenn.dev/codek2/articles/e9e44f3e0023fb


https://www.youtube.com/@codek2_studio

https://x.com/kunchan2_

Discussion