【php】Webアプリの動き(超基本)


はじめに

ユーザーの入力を経由してWebページを表示する場合の、クライアントとWebサーバーの動きがいまいち分からなかったので整理しました。

前提

Webページを構成するファイル(php, HTMLファイル)が、Webサーバに保存されていること。

基本の動き

f:id:oyatsu102:20211031154957p:plain:w440

①リクエス

PCのブラウザから、URLでプロトコル、ホスト名、ファイル名を指定してリクエストする。


②レスポンス

Webサーバは、URLで指定されたファイルを探して読み込む。
取得した情報をPCに返す。

 
③ブラウザでの表示

レスポンスを受け取ったPCは、受け取った内容をブラウザに表示する。

ユーザーの入力を経由する場合の動き

f:id:oyatsu102:20211031155049p:plain

①リクエス

PCのブラウザから、URLでプロトコル、ホスト名、ファイル名を指定してリクエストする。


②レスポンス

Webサーバは、URLで指定されたファイルを探して読み込む。
取得した情報をPCに返す。


③ブラウザでの表示

レスポンスを受け取ったPCは、受け取った内容をブラウザに表示する。


④ユーザーの操作

表示された画面でユーザーが値を入力し、送信。


⑤レスポンス

Webサーバは、URLで指定されたファイルを探して読み込む。
(④で入力された情報が、読み込み時にファイル内で使用される。)
取得した情報をPCに返す。


⑥ブラウザでの表示

レスポンスを受け取ったPCは、受け取った内容をブラウザに表示する。

参考

非エンジニアのための基礎知識 ①web開発の仕組み|のっち Ryosuke Inoue|note