DEV Community
·
在.NET Framework中使用Blazor WebAssembly
💡
原文英文，约1100词，阅读约需4分钟。
📝
内容提要
本文讨论如何将Blazor WebAssembly（WASM）组件嵌入到.NET Framework遗留应用中。通过使用“Strangler Pattern”，可以逐步重写旧代码，利用Blazor的现代特性。Blazor应用通过JavaScript加载，支持与.NET Framework交互，实现逐步引入新功能，而无需重构整个应用。
🎯
关键要点
- 讨论如何将Blazor WebAssembly组件嵌入到.NET Framework遗留应用中。
- 使用“Strangler Pattern”逐步重写旧代码，利用Blazor的现代特性。
- Blazor应用通过JavaScript加载，支持与.NET Framework交互。
- Blazor WASM应用的运行时大小在发布模式下约为7MB，用户可接受的初始下载延迟。
- 提供了一个GitHub代码库，展示如何将Blazor应用嵌入到.NET Framework应用中。
- Blazor 6引入了组件与JavaScript互操作的功能，允许在.NET Framework应用中渲染Blazor组件。
- 通过在DOM中查找特定的data-component属性，将Blazor组件附加到DOM节点。
- 可以通过JSON对象向Blazor组件传递参数，支持动态数据加载。
- 开发Blazor组件时，可以在开发环境中独立测试，无需启动.NET Framework应用。
- 将Blazor WASM组件嵌入遗留应用，能够以较低的摩擦引入现代开发工具。
❓
延伸问答
如何将Blazor WebAssembly组件嵌入到.NET Framework应用中？
可以通过使用“Strangler Pattern”逐步重写旧代码，并将Blazor组件通过JavaScript加载到.NET Framework应用中。
Blazor WASM应用的运行时大小是多少？
在发布模式下，Blazor WASM应用的运行时大小约为7MB。
使用Blazor WebAssembly的好处是什么？
使用Blazor WebAssembly可以逐步引入现代开发工具，提升代码质量和安全性，同时无需重构整个应用。
如何在Blazor组件中传递参数？
可以通过将参数作为JSON对象渲染到DOM节点中，并在初始化时读取这些参数传递给Blazor组件。
Blazor 6引入了什么新功能？
Blazor 6引入了组件与JavaScript互操作的功能，允许在.NET Framework应用中渲染Blazor组件。
如何独立测试Blazor组件？
可以在开发环境中独立测试Blazor组件，无需启动.NET Framework应用，设置环境变量为Development即可。
➡️
