alex_zoucn的博客

Win7+ 运行 Blazor Hybird 桌面端 (WPF/Winform) 依赖的环境

环境 Blazor Net8.0 + FreeSql + Bootstrap Blazor 组件以下都是自己瞎琢磨的和官网资料搬运,肯定有不少错漏和不合理的地方,非常希望各位大佬评论区给我建议和意见.

BlazorOIDC.WinForms 工程

单点登录有以下几个好处：用户只需要登录一次，就可以访问多个应用系统，不需要为每个应用系统都单独登录。应用系统不需要自己实现用户认证，只需将认证工作交给单点登录系统，可以大大减少应用系统的开发工作量。使用 OIDC 单点登录, 可以简化客户端编写流程, 专注于功能实现而不用重复撰写登录部分功能代码, 也不用直接接触身份验证数据库, 剥离繁琐的重复劳动部分.

Bootstrap Blazor App 模板。

独立启动 BlazorWasmOIDC 工程, 监听地址为 https://localhost:5002/部署步骤跟平常blazor一样, 这里就不复述了, demo 部署后的域名是 ids2.app.es。, 监听地址为 https://localhost:5001/添加 SystemBrowser.cs。添加工程 ConsoleOIDC。改为以前文章配置的测试点。先独立启动ssr工程。

项目使用x64运行。

【代码】Blazor 子组件交互例子。

点击Wasm菜单,切换到wasm项目,在wasm项目也重新登录,点击登录信息,可以看到用户身份以及角色分配也已经更新了。为了配合下一章OIDC部署到服务器使用,需要把 launchSettings.json 配置改一下。登录 test@test.com 后点击登录信息, 可以看到用户身份以及角色分配已经能读取出来了。用户身份以及角色分配刷新两次后自动分配到测试数据。具体代码比较多, 直接看。

Router 添加 BlazorOIDC.Shared 工程的页面路由。点击登录, 然后点击新添加的页面, 测试有效。其他页面参考以前文章或者源码。

BlazorOIDC.Server项目编辑 Models/WebAppIdentityUser.cs 文件[Display(Name = "全名")]Name { get;set;[Display(Name = "生日")]DOB { get;set;[Display(Name = "识别码")]UUID { get;set;[Display(Name = "外联")]set;[Display(Name = "税号")]set;[Display(Name = "街道地址")]set;

为了将 .NET 8 SDK 与 Visual Studio for Mac 结合使用，您必须在“首选项”-“其他”-“预览功能”-“使用 .NET 8 SDK（如果已安装）”中启用此功能。如果还提示NuGet包无权限什么的, 重新安装 Visual Studio for Mac 然后勾选 MAUI 工具包安装一遍就行。重新打开vs创建MAUI项目就会出现net8了。

gitee 没有提供 OIDC，只能用 OAuth2, 所以这篇文章其实是半成品. 看看以后有时间再实现补充完整.

已获授权的重定向 URI 填写等下用到的本机测试地址 https://localhost:5001/authentication/login-callback。打开Google账号 API和服务页面 https://console.cloud.google.com/apis/dashboard。**.apps.googleusercontent.com , 下一步需要填写.编辑 wwwroot\index.html 文件, 在。编辑 Program.cs 文件在最后一句。OAuth 2.0 客户端 ID。

OpenID Connect (OIDC) 是构建在OAuth 2.0框架之上的身份层。它允许第三方应用程序验证最终用户的身份并获取基本的用户配置文件信息。OIDC 使用JSON Web 令牌(JWT)，您可以使用符合 OAuth 2.0 规范的流获取该令牌。看看我们的OIDC 手册更多细节。

需求，新做了个app， 使用的是maui blazor技术，里面用了渐变背景，在默认启用SafeArea情况下，底部背景很突兀。存在的问题是，非刘海屏设备也设置了上边距。带来的问题是，网页上下穿透了。

###0. 我想在blazor模仿app实现触摸返回,下拉刷新 …现在用 blazor 做 app (blazor hybird) 和支持手机浏览页面越来越多, net8 也推出了一个webapp auto模式,可谓是极大的利好, 2024 让auto流行起来, 😃。

好长时间没继续写这个系列博客了, 不知道大家还记得我吗?话不多说,直接开撸.

在Linux下运行gui程序,咱也是第一次做,属于是瞎子过河乱摸一通,写得有什么不对和可以优化的地方,希望各位看官斧正斧正.##1. 下载烧录器####我选择的是Raspbian 64位系统,并配置好ssh账号密码,wifi,以便启动后可以直接黑屏ssh连接##2. 启用root密码##3. 安装触摸屏买的是某宝的带盒子的小屏幕LCD接口：SPI（Fmax32 MHz）分辨率：320 * 480（Pixel）LCD驱动安装完成后，系统会自动重启。

如何远程调试 MAUI blazor / Blazor Hybrid。BootstrapBlazor 官网教程。在宿主文件中增加主题样式表。

BlazorHybrid.Maui.Permissions 因为源码比较长,主要是一些检查和申请权限,BLE权限相关代码,就不占用篇幅列出,感兴趣的同学直接打开。Main.razor 文件添加 BootstrapBlazorRoot 组件。如何远程调试 MAUI blazor / Blazor Hybrid。

如何远程调试 MAUI blazor / Blazor Hybrid。源码工程为了简单起见,都暂时放在同一个文件里面.

如何远程调试 MAUI blazor / Blazor Hybrid。在 return builder.Build();

其中, @using BootstrapBlazor.Components 以后可能会经常用到, 也可以添加到 _Imports.razor 文件里面.发文当天我机器的vs版本双击 Info.plist 文件找不到权限配置窗口,那就先上图手动添加的方式吧。因为源码比较长,主要是一些检查和申请权限相关代码,就不占用篇幅列出,感兴趣的同学直接打开。如何远程调试 MAUI blazor / Blazor Hybrid。编辑 index.razor 文件,添加如下代码。双击编辑文件,或者手工添加。