讲师中心 微信公众号
AI工具推荐 视频效率加速

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

浅丽君_5576

浅丽君_5576

发布时间:2026-01-01 04:51:10

|

580人浏览过

|

来源于php中文网

原创

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

maui blazor hybrid怎么用 maui blazor入门教程

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

环境准备和项目创建

必须安装 Visual Studio 2022 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.plist 或 AndroidManifest.xml 中声明,否则运行时会拒绝访问。

Expanso yaml-to-json
Expanso yaml-to-json

使用 Expanso Edge 管道将 YAML 输入转换为 JSON 格式。

下载

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

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 的 DependencyService 或 MauiHandlers 暴露给 Blazor 层。

UI 库与样式定制

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

  • NuGet 引入:BootstrapBlazor 和 BootstrapBlazor.FontAwesome(v7.*)
  • 在 wwwroot/index.html 的 中添加 CSS 引用:<link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet">
  • Razor 页面中直接使用组件,如 <bbbutton onclick="HandleClick">点我</bbbutton>

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

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

热门AI工具

更多
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

相关专题

更多
Kotlin协程编程与Spring Boot集成实践
Kotlin协程编程与Spring Boot集成实践

本专题围绕 Kotlin 协程机制展开,深入讲解挂起函数、协程作用域、结构化并发与异常处理机制,并结合 Spring Boot 展示协程在后端开发中的实际应用。内容涵盖异步接口设计、数据库调用优化、线程资源管理以及性能调优策略,帮助开发者构建更加简洁高效的 Kotlin 后端服务架构。

391

2026.02.12

Java Kotlin协程与异步编程实战
Java Kotlin协程与异步编程实战

本专题围绕 Kotlin 协程与异步编程展开,讲解挂起函数、协程作用域、异步任务调度及并发控制方法。通过实际项目案例,帮助开发者提升后端服务性能,实现高效异步任务处理与稳定性保障。

179

2026.04.13

Kotlin Android开发教程大全
Kotlin Android开发教程大全

系统讲解 Google 官方推荐的 Android 开发首选语言 Kotlin 的核心知识与工程实践,涵盖 Kotlin 简洁语法(空安全/数据类/扩展函数/解构声明/作用域函数)与 Java 互操作、集合操作与函数式编程、协程(Coroutines)异步编程(suspend/launch/async/Flow)、Jetpack Compose 声明式 UI 开发(状态管理/组合函数/导航/动画)、MVVM / MVI 架构设计与 Vi

288

2026.06.03

bootstrap框架介绍
bootstrap框架介绍

本专题整合了bootstrap框架相关介绍,阅读专题下面的文章了解更多详细内容。

785

2026.03.18

bootstrap安装教程
bootstrap安装教程

本专题整合了bootstrap安装相关教程,阅读专题下面的文章了解更多详细操作教程。

199

2026.03.18

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4984

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

6477

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

2602

2024.11.28

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

20

2026.11.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn