.NET8 Blazor的Auto渲染模式的初体验

💡 原文中文,约1500字,阅读约需4分钟。
📝

内容提要

.NET 8发布后,Blazor支持四种渲染方式:静态渲染、Blazor Server交互、WebAssembly交互和自动交互。自动交互方式提供最快的应用启动体验。通过VS创建Blazor应用时,选择Auto模板即可体验。在运行项目时,可以切换交互方式并验证其效果。Auto模式在wasm下载未完成或失败时使用Blazor Server交互,在wasm下载完成后使用WebAssembly交互,提高用户体验。静态交互方式中点击Counter按钮将不再有响应事件发生。

🎯

关键要点

  • .NET 8发布后,Blazor支持四种渲染方式:静态渲染、Blazor Server交互、WebAssembly交互和自动交互。
  • 自动交互方式提供最快的应用启动体验,使用VS创建Blazor应用时选择Auto模板即可体验。
  • Auto模式在wasm下载未完成或失败时使用Blazor Server交互,下载完成后使用WebAssembly交互。
  • 静态交互方式中点击Counter按钮将不再有响应事件发生。
  • 新建Auto项目会创建BlazorApp和BlazorApp.Client两个项目,前者为启动项目,后者为组件库。
  • .NET 8中的Blazor通过添加插件方式开启Blazor Server与WebAssembly两种交互方式。
  • 在Counter组件中使用指令@rendermode InteractiveAuto设置交互模式。
  • 通过devtools可以测试Auto模式下的交互方式,验证其在wasm下载失败时仍能使用Blazor Server交互。
  • 如果想体验静态交互,可以去掉Counter组件中的@rendermode InteractiveAuto指令。
➡️

继续阅读