基于.NET MAUI+Blazor的混合应用：能否同时部署为网站与原生应用？

当然可以，这正是Blazor生态设计的优势之一——你完全可以用同一套核心代码，同时发布为多设备原生应用（基于.NET MAUI Blazor Hybrid）和常规Web应用（Blazor Server/WASM），无需维护两个独立项目。

具体实现思路 #

• 拆分共享核心代码
  把所有Blazor组件、业务逻辑、页面路由等核心内容，放到一个独立的类库项目（例如MyApp.Core）中。这个类库只依赖Blazor基础包（Microsoft.AspNetCore.Components），不要引用任何.NET MAUI专属的包（比如Microsoft.Maui.Controls）。这样不管是MAUI项目还是Web项目，都能直接引用这个类库复用代码。

• 隔离平台特定逻辑
  如果需要调用平台专属功能（比如原生设备的摄像头、本地存储，或者Web端的JS交互），用接口抽象来解耦：

  1. 在共享类库中定义接口（例如IDeviceStorage）；
  2. 在.NET MAUI项目中实现原生版本的接口，利用MAUI的平台API；
  3. 在Blazor Web项目中实现Web兼容版本的接口（比如Web端用浏览器存储API）；
  4. Blazor组件通过依赖注入调用接口，无需关心底层实现。

• 分别配置发布流程

  • 原生应用发布：直接使用.NET MAUI的发布工具，选择目标平台（iOS、Android、Windows、macOS）完成打包，和普通MAUI项目流程一致。
  • Web应用发布：新建一个Blazor Server或Blazor WASM项目，引用共享类库，配置好路由、启动项（比如在Program.cs中注册共享服务），然后按照常规Blazor Web项目的方式发布到IIS、云托管平台或静态托管服务（WASM适用）。

注意事项 #

• 确保共享类库的依赖干净，避免引入MAUI专属包导致Web项目编译错误；
• 静态资源（样式、图片、JS文件）可以放在共享类库的wwwroot目录，两个项目通过项目引用自动访问，或者用文件链接的方式共享；
• 测试时要兼顾Web浏览器和原生WebView的渲染差异，部分CSS样式或JS交互可能需要微调适配。

内容的提问来源于stack exchange，提问作者Eduardo Ferrari