2019年9月23——25日 .NET Core 3.0即將在.NET Conf上發佈! .NET Core的發佈及成熟重燃了.net程式員的熱情和希望，一些.net大咖也在積極的為推動.NET Core而不懈的努力。在這次.NET Core 3.0中一項新的技術也首次出現在人們的視野，這就是Bla ...
2019年9月23——25日 .NET Core 3.0即將在.NET Conf上發佈! .NET Core的發佈及成熟重燃了.net程式員的熱情和希望，一些.net大咖也在積極的為推動.NET Core而不懈的努力。在這次.NET Core 3.0中一項新的技術也首次出現在人們的視野，這就是Blazor。說起Blazor也許許多人並不知曉，但這幾年一片熱火朝天的Angular，React，Vue等前端技術估計無人不知無人不曉。對Blazor就是Microsoft提供的使用C＃構建SPA的技術，雖然他姍姍來遲，但帶給了大家一個與Angular，React，Vue等框架完全不一樣的體驗、完全不一樣的架構。
由於這是一個全新的技術，目前學習資料非常有限，我將自己學習到的內容記錄彙總在這裡以便查閱，也給感興趣的童鞋提供參考。
1. 簡介
Blazor是一個新的Web UI框架，使用C＃，Razor和HTML以及WebAssembly （W3C標準）。它允許您使用C＃而不是JavaScript構建互動式Web UI。Blazor應用程式由使用C＃，HTML和CSS實現的可重用Web UI組件組成。客戶端和伺服器代碼都是用C＃編寫的，允許您共用代碼和庫。
2. 在WebAssembly或伺服器上運行
Blazor可以使用WebAssembly直接在瀏覽器中運行客戶端C＃代碼。因為它是在WebAssembly上運行的真實.NET，所以您可以從應用程式的伺服器端部分重用代碼和庫（客戶端渲染）。
或者，Blazor可以在伺服器上運行您的客戶端邏輯。客戶端UI事件使用SignalR（實時消息傳遞框架）發送回伺服器。執行完成後，所需的UI更改將發送到客戶端併合併到DOM中（伺服器端渲染）。
3. Web Assembly (Wasm)
基於W3C開放標準，用於在瀏覽器中運行低級位元組代碼。使用此標準，我們可以直接在瀏覽器中運行伺服器端語言（Rust，C ++，C＃...）而不是Javascript。
還記得Java applet和Microsoft Silverlight嗎，我們必須在瀏覽器中安裝插件來運行Java和C＃代碼，但是WebAssembly提供了基本標準，現在我們不需要任何插件，他的二進位格式以.wasm文件表示，能夠提供接近本機的性能。
4. 建立在開放的Web標準之上
Blazor使用開放的Web標準，沒有插件或代碼轉換。Blazor適用於所有現代Web瀏覽器，包括移動瀏覽器。
在瀏覽器中運行的代碼在與JavaScript框架相同的安全沙箱中執行。
Blazor 客戶端渲染支持的瀏覽器
|
瀏覽者 |
版本 |
|
Microsoft Edge |
當前 |
|
Mozilla Firefox |
當前 |
|
Google Chrome, 包括 Android |
當前 |
|
Safari, 包括 iOS |
當前 |
|
Microsoft Internet Explorer |
不支持 * |
* Microsoft Internet Explorer 不支持WebAssembly。
Razor 伺服器端渲染支持的瀏覽器
|
瀏覽者 |
版本 |
|
Microsoft Edge |
當前 |
|
Mozilla Firefox |
當前 |
|
Google Chrome, 包括 Android |
當前 |
|
Safari, 包括 iOS |
當前 |
|
Microsoft Internet Explorer |
11x17 * |
*需要額外的填充代碼 (例如, 可通過Polyfill.io捆綁添加承諾)。
5. 單頁面應用程式（SPA）
單頁面應用程式（SPA）是一種構建在瀏覽器中單個頁面上的Web應用程式，頁面塊可以動態呈現而無需呈現完整的頁面。
Angular，React，Vue和許多其他語言為構建SPA提供了支持，但所有這些語言都構建在相同的Javascript語言之上。現在，Microsoft提供了使用C＃和Razor頁面構建SPA的基礎，類似ASP.Net Core中的語法，所以它被稱為Blazor。
Blazor是ASP.Net Core提供的新的Web框架，用於在瀏覽器中使用C＃和WebAssembly標準構建SPA。
ASP.Net Core是一個在Linux，Mac或Windows操作系統上運行的開源Web框架。
6. JavaScript互操作
C＃代碼可以輕鬆調用JavaScript API和庫。在C＃中編寫邏輯時，您可以繼續使用存在於客戶端UI中的大型JavaScript庫生態系統。當然如果願意您還可以從 JavaScript 調用 .NET 實例方法和靜態方法。
7. 優點
- 受益於 .NET 的性能、可靠性和安全性，提供近乎原生的性能，高效且便攜
- 使用 C# 代替 JavaScript 來編寫代碼。
- 利用現有的 .NET 庫生態系統，我們可以在網頁中使用現有的豐富.net生態系統功能。
- 在伺服器和客戶端之間共用應用邏輯。
- 始終高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
- 以一組穩定、功能豐富且易用的通用語言、框架和工具為基礎來進行生成。
- 碼維護和調試更可靠。
8. 缺點
- Javascript已經非常成熟，許多組件庫已經存在於市場中。
- 具有Web Assembly標準的Blazor是市場上的新手，需要時間才能成熟，而且.net是WebAssembly眾多實現中的早期版本。
