Bladeは静的サイトじゃない

普段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。