全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

MAUI Blazor Hybrid怎么用 MAUI Blazor入门教程

MAUI Blazor Hybrid 是 .NET 中融合原生跨平台能力(MAUI)与 Web UI 开发体验(Blazor)的方案,支持用 C# 编写 Razor 组件并调用摄像头、蓝牙、NFC 等设备功能;需 Visual Studio 2025 v17.12+ 及对应工作负载,项目入口为 wwwroot/index.html,通过 MAUI Essentials 或平台服务注入实现原生能力调用,权限须在各平台配置文件中声明。

MAUI Blazor Hybrid 是 .NET 生态中把原生跨平台能力(MAUI)和 Web UI 开发体验(Blazor)结合起来的方案,适合想用 C# 写界面、又需要调用摄像头、蓝牙、NFC、本地数据库等设备功能的场景。它不是纯 Web 应用,也不是传统 MAUI XAML 应用,而是“Blazor 组件跑在 MAUI 容器里”,页面逻辑用 Razor + C#,底层由 MAUI 提供平台桥接。

环境准备和项目创建

必须安装 Visual Studio 2025 v17.12 或更高版本,并启用两个工作负载:

  • .NET Multi-Platform App UI 开发
  • ASP.NET 和 Web 开发

创建方式有两种:

  • 在 Visual Studio 中:新建项目 → 筛选 “.NET MAUI Blazor Hybrid 应用” 模板 → 命名、选择框架(推荐 .NET 9 或 .NET 10)→ 创建
  • 在 VS Code 中:安装 .NET MAUI 扩展 + .NET SDK + MAUI 工作负载 → 命令面板输入 “.NET: Create Project” → 选 “.NET MAUI Blazor Hybrid App”

项目生成后,结构类似普通 MAUI,但 wwwroot/index.html 是入口,Pages/ 下是 Razor 组件,Platforms/ 下可写平台专用代码。

运行和调试多平台目标

刚创建的项目默认支持 Windows、Android、iOS(需 Mac)、macOS。常用启动方式:

  • Windows:工具栏选 “Windows Machine” → 自动拉起桌面窗口(需开启开发者模式)
  • Android:选 “Android Emulator” → 首次会提示安装 Android SDK 和接受许可证
  • iOS/macOS:需在 macOS 上用 VS for Mac 或 CLI 构建,Windows 上无法直接部署

注意:不同平台的权限(如相机、位置、蓝牙)需在对应 Platforms/xxx/Info.plistAndroidManifest.xml 中声明,否则运行时会拒绝访问。

接入原生能力(比如摄像头、蓝牙)

MAUI Blazor Hybrid 的核心优势是能无缝调用原生 API。不是靠 JS 互操作硬桥接,而是通过 MAUI 的 Microsoft.Maui.Essentials 或平台服务注入:

  • 摄像头:用 MediaPicker.CapturePhotoAsync() 直接拍照,返回 FileResult,再转成 base64 或保存到本地
  • 蓝牙 BLE:引用 Plugin.BluetoothLE 或使用 MAUI Community Toolkit 的 BluetoothLE 封装,从 Blazor 页面通过 @inject 获取服务实例调用
  • 本地设置:用 Preferences.Set("key", value) 存取轻量数据,比手写文件更安全可靠

如果官方组件不支持某功能(比如 NFC),可在 Platforms/Android/MainActivity.cs 中扩展 Java/Kotlin 代码,再通过 MAUI 的 DependencyServiceMauiHandlers 暴露给 Blazor 层。

UI 库与样式定制

默认 UI 是基础 HTML + Bootstrap CSS。想提升体验,推荐集成 BootstrapBlazor

  • NuGet 引入:BootstrapBlazorBootstrapBlazor.FontAwesome(v7.*)
  • wwwroot/index.html 中添加 CSS 引用:
  • Razor 页面中直接使用组件,如 点我

自定义主题只需改 wwwroot/css/app.css,或引入 Tailwind、Bulma 等现代 CSS 框架,Blazor 组件自动响应。

基本上就这些。起步不复杂,但容易忽略权限配置和平台初始化细节。只要环境搭好、模板跑通、第一个摄像头按钮点出来,后续加数据库、蓝牙、NFC 就是按模块叠加的事。


# css  # java  # html  # android  # js  # bootstrap  # windows  # app  # 工具  # mac  # ai  # ios 


相关文章: 建站之星展会模板:智能建站与自助搭建高效解决方案  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  盐城做公司网站,江苏电子版退休证办理流程?  黑客如何通过漏洞一步步攻陷网站服务器?  单页制作网站有哪些,朋友给我发了一个单页网站,我应该怎么修改才能把他变成自己的呢,请求高手指点迷津?  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸?  详解jQuery中基本的动画方法  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  高端企业智能建站程序:SEO优化与响应式模板定制开发  教育培训网站制作流程,请问edu教育网站的域名怎么申请?  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  制作网站的软件免费下载,免费制作app哪个平台好?  如何在自有机房高效搭建专业网站?  建站之星导航配置指南:自助建站与SEO优化全解析  如何用wdcp快速搭建高效网站?  贸易公司网站制作流程,出口贸易网站设计怎么做?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  ,在苏州找工作,上哪个网站比较好?  建站VPS配置与SEO优化指南:关键词排名提升策略  太平洋网站制作公司,网络用语太平洋是什么意思?  建站与域名管理如何高效结合?  网站制作和推广的区别,想自己建立一个网站做推广,有什么快捷方法马上做好一个网站?  Python文件管理规范_工程实践说明【指导】  公司网站设计制作厂家,怎么创建自己的一个网站?  建站之星五站合一营销型网站搭建攻略,流量入口全覆盖优化指南  历史网站制作软件,华为如何找回被删除的网站?  建站之星代理商如何保障技术支持与售后服务?  ,柠檬视频怎样兑换vip?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  网站制作模板下载什么软件,ppt模板免费下载网站?  如何通过二级域名建站提升品牌影响力?  魔毅自助建站系统:模板定制与SEO优化一键生成指南  php json中文编码为null的解决办法  如何在宝塔面板中创建新站点?  定制建站平台哪家好?企业官网搭建与快速建站方案推荐  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  建站之星云端配置指南:模板选择与SEO优化一键生成  如何破解联通资金短缺导致的基站建设难题?  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  建站之星安装失败:服务器环境不兼容?  如何在VPS电脑上快速搭建网站?  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?  c# await 一个已经完成的Task会发生什么  郑州企业网站制作公司,郑州招聘网站有哪些?  外贸公司网站制作哪家好,maersk船公司官网?  网站代码制作软件有哪些,如何生成自己网站的代码?  建站之星如何配置系统实现高效建站?  金*站制作公司有哪些,金华教育集团官网?  哈尔滨网站建设策划,哈尔滨电工证查询网站? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。