如何从字符串变量在运行时构建并渲染Blazor组件？

可以实现从字符串变量在运行时构建完整的Razor组件，以下是几种可行的技术方案：

一、基于Roslyn手动动态编译 #

这是最灵活的原生方案，核心是模拟Razor编译器的工作流程：

• 将用户提供的Razor字符串拆解：把HTML标记转换为RenderTreeBuilder的调用代码，提取@code块作为组件类的成员代码。
• 使用Roslyn的CSharpCompilationAPI，引用Blazor核心程序集（如Microsoft.AspNetCore.Components.dll、Microsoft.AspNetCore.Components.Web.dll等），动态编译生成的C#代码。
• 将编译后的程序集加载到应用域，通过RenderComponentAsync方法实例化并渲染组件。

注意：需要自行处理组件的路由注册、依赖注入注入点，同时必须做严格的安全校验，禁止用户输入包含危险API的代码。

二、借助第三方库简化开发 #

有专门针对Blazor动态组件的库可以省去手动处理Razor转译的麻烦：

• 比如BlazorDynamicComponents这类库，封装了Roslyn编译的细节，只需传入完整的Razor字符串（包含@code块），就能直接获取可渲染的组件实例。
• 部分通用Razor编译库（如RazorLight）也可适配Blazor场景，需调整编译时的程序集引用和输出类型。

三、.NET 8 Blazor Web App专属优化 #

在.NET 8的Blazor Web App模式下，可结合框架特性增强动态组件能力：

• 自定义IComponentActivator，在激活组件时从数据库读取模板字符串，完成编译后返回组件实例。
• 利用框架的Razor编译扩展点，配合自定义的资源提供逻辑，实现模板的动态加载与编译。

关键注意事项 #

• 安全优先：用户自定义的Razor代码存在注入风险，必须做代码沙箱隔离，限制可访问的程序集和API。
• 性能优化：动态编译有一定开销，建议对相同模板的编译结果进行缓存，避免重复编译。
• 模式适配：Blazor Server和WebAssembly模式的动态编译逻辑有差异，Server端可在服务端完成编译，WebAssembly端需考虑客户端的性能和资源限制。

内容的提问来源于stack exchange，提问作者Amir Pournasserian