大家好，我是沙漠盡頭的狼。

在 Dotnet9 上線在線小工具和小游戲后，服務(wù)器的壓力感覺挺大的，打開25個頁面，內(nèi)存占用170MB左右，CPU保持在60~70%，看來Server真不適合搞這類交互較多的程序（服務(wù)器配置：2核4G內(nèi)存），所以站長加急上線 Blazor Wasm 版本網(wǎng)站，便于大家直觀對比了解兩種模式的區(qū)別，下面請看我細說。

1. 關(guān)于上線Dotnet工具箱

為了后面工具和游戲的擴展，站長把去年買的域名 dotnetools.com 用上了，該域名一次性買了10年（不用擔(dān)心網(wǎng)站過幾年消失，當(dāng)然不排除意外，比如站長沒錢續(xù)費服務(wù)器。。。），并趕緊在1天之內(nèi)開發(fā)并部署了一個 Blazor Wasm 版本網(wǎng)站，把在 Dotnet9 已經(jīng)上線的在線小工具和游戲同步搬過來了，大家可以體驗下：https://dotnetools.com：

2. Dotnet工具箱網(wǎng)站開源的

網(wǎng)站源碼組織結(jié)構(gòu)如下，只有一個工程，為了快速上線，代碼也比較清晰明了：

網(wǎng)站源碼鏈接在文末，別再問我源碼地址了。。。。

3. Blazor Server為什么不適合開發(fā)在線工具或游戲之類的網(wǎng)站應(yīng)用？

Blazor Server 不適合開發(fā)在線工具或游戲之類的網(wǎng)站應(yīng)用，主要是因為它的工作原理和特性導(dǎo)致了一些限制和不適用的情況。

1. 實時性限制：Blazor Server 使用了 SignalR 技術(shù)來實現(xiàn)與服務(wù)器的實時通信，但由于所有的 UI 更新都需要通過服務(wù)器來完成，因此在網(wǎng)絡(luò)延遲較高的情況下，用戶可能會感受到明顯的延遲。這對于在線工具或游戲等需要實時響應(yīng)的應(yīng)用來說是不可接受的。

2. 服務(wù)器資源消耗：Blazor Server 的工作原理是將整個應(yīng)用部署在服務(wù)器上，每個用戶都會占用一個連接和一些服務(wù)器資源。對于在線工具或游戲等需要大量用戶同時在線的應(yīng)用來說，這可能會導(dǎo)致服務(wù)器資源消耗過大，難以擴展和維護。

3. 客戶端性能限制：Blazor Server 的 UI 渲染是在服務(wù)器上完成的，然后通過 SignalR 將更新的 UI 推送到客戶端。這意味著客戶端的性能對于應(yīng)用的響應(yīng)速度和用戶體驗有很大影響。對于一些復(fù)雜的在線工具或游戲來說，客戶端的性能可能無法滿足需求。

綜上所述，Blazor Server 更適合開發(fā)那些對實時性要求不高、用戶量較小、對服務(wù)器資源消耗要求不高的網(wǎng)站應(yīng)用。對于在線工具或游戲等需要實時性和大量用戶同時在線的應(yīng)用，Blazor WebAssembly 可能更適合，因為它可以將整個應(yīng)用部署到客戶端，減輕了服務(wù)器的負擔(dān)，并提供了更好的用戶體驗。

4. 選擇Blazor Wasm開發(fā)工具站理由

Dotnet9 網(wǎng)站選擇Blazor Server依然不變，因為博客類網(wǎng)站需要SEO，需要搜索引擎提供流量。

而 Dotnet工具箱 主要關(guān)注的是在線小工具和小游戲，所以選擇Blazor Wasm，當(dāng)談到選擇Blazor WebAssembly時，有幾個令人興奮的優(yōu)勢值得一提：

1. 即時性能：Blazor WebAssembly利用WebAssembly（Wasm）技術(shù)，將C#代碼編譯成高效的二進制格式，可以在瀏覽器中直接運行。這意味著您可以在客戶端使用C#編寫的應(yīng)用程序，而無需將其轉(zhuǎn)換為JavaScript。這種直接運行的能力使得Blazor WebAssembly具有接近原生應(yīng)用程序的性能，為用戶提供更快的加載速度和更流暢的用戶體驗。

2. 跨平臺：Blazor WebAssembly是一個跨平臺的解決方案，可以在各種操作系統(tǒng)和設(shè)備上運行，包括Windows、Mac、Linux和移動設(shè)備。這意味著您可以使用相同的代碼庫構(gòu)建適用于不同平臺的應(yīng)用程序，從而減少開發(fā)和維護的工作量。

3. 開發(fā)效率：Blazor WebAssembly使用C#語言和.NET框架，這是一個廣泛使用的開發(fā)工具和生態(tài)系統(tǒng)。如果您已經(jīng)熟悉C#和.NET，那么您可以立即開始使用Blazor WebAssembly進行開發(fā)，無需學(xué)習(xí)新的語言或框架。這種開發(fā)效率可以大大加快項目的開發(fā)速度，并減少開發(fā)人員的學(xué)習(xí)曲線。

4. 強大的生態(tài)系統(tǒng)：Blazor WebAssembly是基于.NET生態(tài)系統(tǒng)構(gòu)建的，這意味著您可以利用.NET的豐富功能和第三方庫來構(gòu)建功能強大的應(yīng)用程序。您可以使用.NET的各種工具和技術(shù)，如Entity Framework、ASP.NET Core等，來簡化開發(fā)過程并提高應(yīng)用程序的質(zhì)量和可維護性。

5. 安全性：Blazor WebAssembly應(yīng)用程序在客戶端運行，但它們是在沙箱環(huán)境中執(zhí)行的，與原生應(yīng)用程序相比，它們具有更高的安全性。這意味著您可以在客戶端執(zhí)行敏感操作，而無需擔(dān)心安全問題。此外，由于使用C#編寫代碼，您可以利用.NET的安全功能來保護應(yīng)用程序免受常見的安全漏洞和攻擊。

綜上所述，Blazor WebAssembly具有即時性能、跨平臺、開發(fā)效率、強大的生態(tài)系統(tǒng)和安全性等令人興奮的優(yōu)勢。這些優(yōu)勢使得Blazor WebAssembly成為一種令人激動的技術(shù)選擇，為開發(fā)人員提供了構(gòu)建高性能、跨平臺的Web應(yīng)用程序的新方式。

重點：WASM才是Blazor的未來。

5. 詳細對比Blazor Server和Blazor Wasm

Dotnet9 網(wǎng)站選擇Blazor Server，可在在線工具和在線游戲頁面體驗Server，比如 掃雷游戲，在游戲頁面也可選擇跳轉(zhuǎn)到 Dotnet工具箱 的 掃雷游戲 頁面，這是Wasm版本，可通過瀏覽器F12打開開發(fā)者工具查看網(wǎng)絡(luò)請求情況，下面簡單說說查看步驟。

Dotnet9 頁面的 掃雷游戲，點擊工具欄可以跳轉(zhuǎn)到 Dotnet工具箱 的 掃雷游戲 頁面：

Dotnet9 頁面的 掃雷游戲頁面，看網(wǎng)絡(luò)請求，幾乎一直在請求，簡直令人發(fā)指，喪心病狂：

Dotnet工具箱 的 掃雷游戲 頁面，看網(wǎng)絡(luò)請求，只有網(wǎng)頁的圖片請求，其他請求就沒有，這就是客戶端的魅力（WebAssembly）：

關(guān)于Blazor，或Blazor Server與Blazor Wasm，相信很多人只是聽說過，對相關(guān)的概念了解不多，這里通過詢問GPT，回答的和前面段落類似，這里再對比列出給大家做個普及吧：

Blazor是一個用于構(gòu)建Web應(yīng)用程序的開源框架，它允許使用C#和.NET來編寫客戶端代碼。Blazor有兩種模式：Blazor Server和Blazor WebAssembly（Wasm）。下面是對這兩種模式的詳細對比：

1. 架構(gòu)：

• Blazor Server：Blazor Server模式將應(yīng)用程序的UI渲染在服務(wù)器上，然后通過SignalR將UI更新推送到客戶端?？蛻舳送ㄟ^與服務(wù)器建立持久連接來接收UI更新和處理用戶交互。
• Blazor WebAssembly：Blazor Wasm模式將整個應(yīng)用程序的代碼和依賴項編譯為WebAssembly格式，并在客戶端上運行。應(yīng)用程序在客戶端上獨立運行，不需要與服務(wù)器保持持久連接。

2. 性能：

• Blazor Server：Blazor Server模式的性能受到服務(wù)器和網(wǎng)絡(luò)的影響。由于UI渲染在服務(wù)器上進行，因此對于大型應(yīng)用程序或高并發(fā)場景，可能會對服務(wù)器造成較大的負載。
• Blazor WebAssembly：Blazor Wasm模式的性能主要受到客戶端設(shè)備的影響。由于應(yīng)用程序在客戶端上運行，因此可以獲得更好的響應(yīng)速度和更低的延遲。

3. 可靠性：

• Blazor Server：Blazor Server模式依賴于服務(wù)器的穩(wěn)定性和可用性。如果服務(wù)器出現(xiàn)故障或網(wǎng)絡(luò)連接中斷，應(yīng)用程序?qū)o法正常工作。
• Blazor WebAssembly：Blazor Wasm模式在客戶端上獨立運行，不依賴于服務(wù)器的穩(wěn)定性和可用性。即使服務(wù)器不可用，應(yīng)用程序仍然可以繼續(xù)運行。

4. 開發(fā)體驗：

• Blazor Server：Blazor Server模式的開發(fā)體驗類似于傳統(tǒng)的服務(wù)器端開發(fā)，可以使用.NET的完整功能和生態(tài)系統(tǒng)。但是，由于UI渲染在服務(wù)器上，因此在處理用戶交互時需要考慮與服務(wù)器的通信延遲。
• Blazor WebAssembly：Blazor Wasm模式的開發(fā)體驗類似于客戶端開發(fā)，可以使用C#和.NET的大部分功能，但某些功能可能受到限制。由于應(yīng)用程序在客戶端上運行，因此可以提供更接近原生應(yīng)用程序的用戶體驗。

總的來說，Blazor Server適用于需要快速開發(fā)和部署的應(yīng)用程序，而Blazor WebAssembly適用于需要更好的性能和獨立運行的應(yīng)用程序。選擇哪種模式取決于應(yīng)用程序的需求和優(yōu)先級。

6. 最后的話

前面兩篇文章，有部分網(wǎng)友建議站長使用Wasm模式，站長已經(jīng)成功部署上線了，大家有什么工具需求歡迎留言，站長有空會考慮加上，當(dāng)然希望大家能PR工具和游戲，只限于Blazor WASM開發(fā)的哦。

今天分享到這，十分感謝您的閱讀。文章來源地址http://www.zghlxwxcb.cn/news/detail-499581.html

• 網(wǎng)站地址：https://dotnetools.com/
• 網(wǎng)站源碼：https://github.com/dotnet9/dotnetools
• .NET版本： .NET 8.0.0-preview.5.23280.8
• 微信技術(shù)群：添加站長微信（dotnet9com），一定要備注【入群】2個字
• QQ技術(shù)群：771992300

到了這里，關(guān)于搞了個Blazor工具站，域名一次性買了10年！的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！