.NET 8 Blazor Web App与MAUI Blazor App共享UI及PWA配置问询

UI共享实现情况 #

当然有大量开发者成功实现了这个场景，这也是Blazor跨平台生态的核心优势之一。核心方案是用**Razor类库（RCL）**来承载共享资源：

• 新建一个.NET 8版本的Razor类库，把通用的UI组件（布局、自定义按钮、表单模块等）、全局样式、业务逻辑工具类都放在这个项目里。确保类库的目标框架兼容Web和MAUI（默认配置即可满足）。
• Blazor Web App和MAUI Blazor App分别引用这个RCL，之后就能在两个项目里直接使用共享组件，和使用本地组件完全一致。
• 注意少数平台特定的细节：比如依赖JS的组件在MAUI WebView里可能需要微调，但纯UI渲染的组件基本可以无缝复用。

同时配置为PWA的可行性 #

完全可以，两个场景互不冲突：

• Blazor Web App：.NET 8的模板自带PWA选项，创建项目时勾选「Progressive Web App」就能自动生成manifest.json、service-worker.js等必要文件，也能自动配置项目的Service Worker相关设置。如果是已创建的项目，手动添加这些文件并在项目文件中启用<ServiceWorkerAssetsManifest>配置即可。
• MAUI Blazor App：它本身是原生跨平台应用，打包后是iOS/Android/Windows等原生安装包。而Web端的Blazor App可以单独配置为PWA，两者共享同一个RCL的UI代码，各自的发布和配置流程独立，不会互相干扰。

内容的提问来源于stack exchange，提问作者Adrian Loughman