BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例
由于此工程比较杂乱,新开了一个项目 BlazorHybrid , 请感兴趣的同学移步参观.
用 c # 和 Razor 创建本机移动应用和桌面应用。可以快速开发共享代码库运行于 Windows (Winforms/WPF/WinUI3)、Android、iOS、macOS 和 Linux 的应用。
新项目BlazorHybrid GitHub | Gitee(仅副本)
Maui Blazor 中文社区 QQ群:645660665
FreeSql QQ群:4336577(已满)、8578575(已满)、52508226(在线)
BA & Blazor QQ群:795206915、675147445
在 Mac 上开发 .NET MAUI(全)https://www.cnblogs.com/densen2014/p/16057571.html
在 M1 Mac 上开发 .NET MAUI (iOS) https://www.cnblogs.com/densen2014/p/16057563.html
在 Windows 上开发 .NET MAUI https://docs.microsoft.com/zh-cn/dotnet/maui/get-started/installation
安卓 App https://play.google.com/apps/internaltest/4701712767813053732
APK https://app1.es/maui/net7.0-android/es.app1.BlazorMaui-Signed.apk
1.Blazor 简介
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:
使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。 与新式托管平台(如 Docker)集成。 使用 .NET 进行客户端 Web 开发可提供以下优势:
使用 C# 代替 JavaScript 来编写代码。 利用现有的 .NET 库生态系统。 在服务器和客户端之间共享应用逻辑。 受益于 .NET 的性能、可靠性和安全性。 在 Windows、Linux 和 macOS 上使用 Visual Studio 保持高效工作。 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成
2.Bootstrap 风格的 Blazor UI 组件库, 以下简称BB
基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉,致力于打造全网最好用的,最好玩的组件库。
3.什么是 .NET MAUI?
.NET 多平台应用 UI ( .NET MAUI) 是一个跨平台框架,用于使用 c # 和 XAML 创建本机移动应用和桌面应用。 使用 .net MAUI,可以开发可在 Android、iOS、macOS 上运行的应用,Windows 以及从单个共享代码库运行的应用。
4.Blazor Hybrid
用 c # 和 Razor 创建本机移动应用和桌面应用。可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
Blazor Hybrid 将桌面和移动本机客户端框架与 .NET 和 Blazor 结合使用。在 Blazor Hybrid 应用中,使用 BlazorWebView 控件 Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行,并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码,组件可通过 .NET 平台完全访问设备的本机功能, 可以跨移动设备、桌面设备和 Web 重复使用一组 Web UI 组件, 这种混合方法为你提供了本机和 Web 的最佳方法。 组件可以通过 .NET 平台访问本机功能,并呈现标准 Web UI。
1.Introduction to Blazor
Blazor is a framework for building interactive client-side web UI with .NET:
Create rich interactive UIs using C# instead of JavaScript. Share server-side and client-side app logic written in .NET. Render the UI as HTML and CSS for wide browser support, including mobile browsers. Integrate with modern hosting platforms, such as Docker. Using .NET for client-side web development offers the following advantages:
Write code in C# instead of JavaScript. Leverage the existing .NET ecosystem of .NET libraries. Share app logic across server and client. Benefit from .NET's performance, reliability, and security. Stay productive with Visual Studio on Windows, Linux, and macOS. Build on a common set of languages, frameworks, and tools that are stable, feature-rich, and easy to use.
2.Bootstrap style Blazor UI component library,Abbreviated as BB
Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects.The best looking,native Blazor components library on the market
3.What is .NET MAUI?
.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML. Using .NET MAUI, you can develop apps that can run on Android, iOS, macOS, and Windows from a single shared code-base.
2022-2-24
Maui blazor 最新preview版本发布ok了,只是还不能打非依赖包和裁剪. 发布后 安装net6 desktop rumtime + webview2 x64就能运行.
net6 desktop rumtime
webview2
2022-8-3
跟着官方改动更新了一下maui+bb的工程, 加了直接定位获取的功能和显示app设置页, 拍照等按钮功能
定位搞定 需要 提供了一个PermissionManagingBlazorWebChromeClient将 Webkit 资源映射到 Android 权限并执行推荐的请求权限的工作流。 https://github.com/MackinnonBuck/MauiBlazorPermissionsExample
2022-10-17
运行截图
BlazorMauiDemoWithBootstrapBlazor 运行在win10沙盒 BlazorMauiDemoWithBootstrapBlazor 运行在win10沙盒
只需要安装net6desktop runtime和webview2 runtime即可
2023-1-5
提交 BlazorLinux