普段vueを触っていて、Bladeで作る、となったとき、bladeって静的サイトだっけ?動的アプリだっけ?
とごっちゃになったのでまとめる
システムの種類
- 静的サイト
- 動的アプリ
- MPA ex Blade
- SPA ex Vue
基本的なシステム構成
DBサーバー、Appサーバー、Webサーバー、の3層構造をとる。
- DBサーバー DBが入っていて、Appサーバーにデータを渡す
- Appサーバー 受け取ったデータを整形してページにはめ込み、Webサーバーに渡す
- Webサーバー 受け取ったページを、クライアントに渡す
静的サイトと動的アプリの違い
いわゆるHPとアプリの違い。
静的サイトは、WEbサーバーとAppサーバーだけ。
DBがないので、同じアドレスを開くと、いつも同じ画面が出てくる。
一方、動的アプリは、DBサーバーのデータを使っている。
なので、同じアドレスでも出てくる情報が違うことがある。
動的アプリ(MPA)と動的アプリ(SPA)の違い。
まず、両方ともDBは使っている。
しかし、
- MPAは、データとページをセットで送る
- SPAは、最初にページ(withデータ)を送り、そのあとはデータだけ送る
点が違う。
つまり、SPAの場合、クライアントからの窓口が、
1. WEBサーバー => Appサーバー => DBサーバー
2. APIサーバー => DBサーバー
の二通りのルートがあるので、気をつける必要がある。
1はMPAとやっていることは同じ。
Bladeはどっちだ
Bladeは、DBを使っているので、動的アプリ。さらに、ページとデータは常にセットで送られてくるのでMPA。