Web App

Web App 與 Web API 的不同之處在于包含 UI 部分，所謂的 UI 就是 HTML 頁面。
Web App 支持幾種渲染HTML 的方式：

• 服務端渲染
• 客戶端渲染
• 混合渲染

服務端渲染

服務端渲染UI是在瀏覽器請求的時候，服務端生成 HTML，然后返回給瀏覽器。

優(yōu)點是：

• 減輕客戶端的壓力
  • 服務端生成 HTML，適配各種瀏覽器
  • 極少從 Client 端拉取 JS 代碼
• 可以保護服務端的數(shù)據(jù)和安全
  • 可以保護服務端的資源，包括數(shù)據(jù)庫訪問，API 接口等。
• 可以針對搜索引擎進行優(yōu)化

缺點是：

• 對服務端的壓力很大，包括 CPU 和內(nèi)存
• 用戶交互需要從服務端繞一圈生成 UI

一般用于：

• 數(shù)據(jù)只讀的網(wǎng)站
• 靜態(tài)網(wǎng)頁
• 管理系統(tǒng)

ASP.NET Core 8 支持的服務端渲染技術：

• ASP.NET Core Razor Pages
• ASP.NET Core MVC

ASP.NET Core Razor Pages

Razor Pages 是基于頁面的模型，可以用于基于頁面或者基于 Form 的網(wǎng)站。
Razor Pages的優(yōu)點：

• 頁面的代碼都和頁面一起。類似 xaml 和 xaml.cs，這里是 cshtml 和 cshtml.cs
• View 的邏輯和 View 一起，邏輯清晰。
• 方便分組 View。

ASP.NET Core MVC

ASP.NET Core MVC 使用 MVC 架構模式，分成 Models, Views 和 Controllers。
客戶端的請求發(fā)送到Controllers，Controllers處理請求，然后根據(jù)Models返回Views。
MVC 的優(yōu)點：

• 方便開發(fā)大型網(wǎng)站
• 結構清晰，職責分離
• 松耦合

客戶端渲染

客戶端渲染UI是在客戶端動態(tài)渲染 UI，直接更新瀏覽器 DOM。
優(yōu)點是：

• 可以實時交換，不需要從服務端繞一圈。
• 不需要提交請求到服務端就可以增量更新DOM。
• 支持離線運行。
• 減輕服務端的壓力和成本。

缺點是：

• 第一次加載時，需要把代碼下載到本地運行。

ASP.NET Core 8 支持的客戶端渲染技術：

• Blazor WebAssembly
• ASP.NET Core Single Page Application (SPA) with Angular | React | Vue

SPA with Angular | React | Vue

前后端分離。
優(yōu)點是：

• 瀏覽器提供 JS 的運行環(huán)境。
• 良好的社區(qū)和生態(tài)系統(tǒng)

缺點是：

• 要學習更多語言和框架