51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Blazor_WASM之1:Blazor概述

Blazor_WASM之1:Blazor概述

Blazor 是一个使用 Blazor 生成交互式客户端 Web UI 的框架:

•使用 C#^[1]^ 代替 JavaScript^[2]^ 来创建信息丰富的交互式 UI。•共享使用 .NET 编写的服务器端和客户端应用逻辑。•将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。•与新式托管平台(如 Docker^[3]^)集成。•使用 .NET 和 Blazor 生成混合桌面和移动应用。

使用 .NET 进行客户端 Web 开发可提供以下优势:

•使用 C# 代替 JavaScript 来编写代码。•利用现有的 .NET 库^[4]^生态系统。•在服务器和客户端之间共享应用逻辑。•受益于 .NET 的性能、可靠性和安全性。•使用开发环境(例如 Visual Studio^[5]^ 或 Visual Studio Code^[6]^)保持 Windows、Linux 或 macOS 上的工作效率。•以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

Blazor 支持两种运行方式,一是在客户端使用 WebAssembly 运行,二是在服务器端运行直接渲染到浏览器。

Blazor官方介绍^[7]^

Blazor Server模式

Blazor Server在 ASP.NET Core 应用中支持在服务器上托管 Razor 组件。 可通过 SignalR^[8]^ 连接处理 UI 更新。

运行时停留在服务器上并处理:

•执行应用的 C# 代码。•将 UI 事件从浏览器发送到服务器。•将 UI 更新应用于服务器发送回的已呈现的组件。

Blazor Server用于与浏览器通信的连接还用于处理 JavaScript 互操作调用。



Blazor WebAssembly模式

Blazor WebAssembly 是Blazor WebAssembly,用于使用 .NET 生成交互式客户端 Web 应用。 Blazor WebAssembly 使用无插件或将代码重新编译为其他语言的开放式 Web 标准。 Blazor WebAssembly 适用于所有新式 Web 浏览器,包括移动浏览器。

通过 WebAssembly^[9]^(缩写为 ),可在 Web 浏览器内运行 .NET 代码。 WebAssembly 是针对快速下载和最大执行速度优化的压缩字节码格式。 WebAssembly 是开放的 Web 标准,支持用于无插件的 Web 浏览器。

WebAssembly 代码可通过 JavaScript(称为 JavaScript 互操作性,通常简称为 JavaScript 互操作或 JS 互操作)访问浏览器的完整功能。 通过浏览器中的 WebAssembly 执行的 .NET 代码在浏览器的 JavaScript 沙盒中运行,沙盒提供的保护可防御客户端计算机上的恶意操作。



Blazor WebAssembly更符合目前前后端分离的开发方式,也是日后的一个趋势,本系列博文主要是针对Blazor WebAssembly进行讲解。

References

[1] C#: https://learn.microsoft.com/zh-cn/dotnet/csharp/
[2] JavaScript: https://www.javascript.com/
[3] Docker: https://learn.microsoft.com/zh-cn/dotnet/standard/microservices-architecture/container-docker-introduction/index
[4] .NET 库: https://learn.microsoft.com/zh-cn/dotnet/standard/class-libraries
[5] Visual Studio: https://visualstudio.microsoft.com/
[6] Visual Studio Code: https://code.visualstudio.com/
[7] Blazor官方介绍: https://learn.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-7.0
[8] SignalR: https://learn.microsoft.com/zh-cn/aspnet/core/signalr/introduction?view=aspnetcore-7.0
[9] WebAssembly: https://webassembly.org/


赞(7)
未经允许不得转载:工具盒子 » Blazor_WASM之1:Blazor概述