0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Webアプリの仕組み

Posted at

初めに

個人でWebアプリの作成を行なっているのですが
実際のWebアプリの仕組みについてよく理解できていないと感じたので

こちらの書籍で学んだことをアウトプットしていきます

Webアプリの図解

スクリーンショット 2024-11-11 5.17.07.png

クロム アイコン by Icons8

サファリ アイコン by Icons8

トムキャット アイコン by Icons8

それぞれを確認する

クライアントサイド

スクリーンショット 2024-11-11 5.19.46.png

クライアントサイドとはユーザーサイドの話になります
ここではWebブラウザが当てはまります
WebブラウザとはWebアプリを見るためのものです
例えばChromeやSafariなどの種類があります

サーバサイド

Webサーバ

スクリーンショット 2024-11-11 5.24.48.png

WebサーバはWebブラウザのHTTPリクエストを得てアプリケーションサーバやDBサーバを経てHTTPレスポンスを返す役割を担っています
具体例とはApacheやNginxなどがあります

アプリケーションサーバ

スクリーンショット 2024-11-11 5.31.41.png

アプリケーションサーバはWebサーバからのリクエストでアプリケーションを実行するサーバです
具体例はTomcatなどです
動かせるアプリケーションはJavaやPHPなどです
JavaはTomcatを使用してPHPはWebサーバのApacheを使用します
Apacheはアプリケーションサーバの役割も担うことができ
モジュールによってPHPを動かします

DBサーバ

スクリーンショット 2024-11-11 5.40.27.png

最後にDBサーバとはアプリケーションサーバからのSQLのクエリを返すサーバになります
具体例はMySQLやPostgreSQLなどがあります

最後に

Webアプリの仕組みについて簡単に説明してみました
サーバサイドを3つに分けましたがアプリケーションの大きさによって構成が変わってくるので
自分が開発するものによって変わることを意識したいと考えています

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?