Blazor OIDC 单点登录授权实例5 - 独立SSR App (net8 webapp ) 端授权 ...

目录:

• OpenID 与 OAuth2 基础知识
  
• Blazor wasm Google 登录
  
• Blazor wasm Gitee 码云登录
  
• Blazor OIDC 单点登录授权实例1-建立和配置IDS身份验证服务
  
• Blazor OIDC 单点登录授权实例2-登录信息组件wasm
  
• Blazor OIDC 单点登录授权实例3-服务端管理组件
  
• Blazor OIDC 单点登录授权实例4 - 部署服务端/独立WASM端授权
  
• Blazor OIDC 单点登录授权实例5 - 独立SSR App (net8 webapp)端授权
  
• Blazor OIDC 单点登录授权实例6 - Winform 端授权
  
• Blazor OIDC 单点登录授权实例7 - Blazor hybird app 端授权
  

(目录暂时不更新,跟随合集标题往下走)
源码

BlazorSSRAppOIDC
十分钟搞定单点登录

单点登录（SSO）简化了用户体验，使用户能够在访问多个应用时只需一次登录。这提高了用户满意度，减少了密码遗忘的风险，同时增强了安全性。但是，实现单点登录并不容易，需要应用程序实现和认证服务器的交互逻辑，增加了应用程序的开发工作量。例子中的安全策略中提供了 OpenID Connect (OIDC) 的能力，无需对应用做过多的修改，在十分钟内即可立刻实现单点登录。
当采用单点登录之后，用户只需要登录一次，就可以访问多个应用系统。SSO 通常由一个独立的身份管理系统来完成，该系统为每个用户分配一个全局唯一的标识，用户在登录时，只需要提供一次身份认证，就可以访问所有的应用系统。我们在使用一些网站时，经常会看到“使用微信登录”、“使用 Google 账户登录”等按钮，这些网站就是通过 SSO 来实现的。
采用单点登录有以下几个好处：
用户只需要登录一次，就可以访问多个应用系统，不需要为每个应用系统都单独登录。
应用系统不需要自己实现用户认证，只需将认证工作交给单点登录系统，可以大大减少应用系统的开发工作量。
使用 OIDC 单点登录, 可以简化客户端编写流程, 专注于功能实现而不用重复撰写登录部分功能代码, 也不用直接接触身份验证数据库, 剥离繁琐的重复劳动部分.
建立 net8 webapp ssr 工程


引用以下库

1.     <ItemGroup>
2.         <PackageReference Include="BootstrapBlazor" Version="8.*" />
3.         <PackageReference Include="Densen.Extensions.BootstrapBlazor" Version="8.*" />
4.         <PackageReference Include="Microsoft.AspNetCore.Authentication.OpenIdConnect" Version="8.*" />
5.         <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="8.*" />
6.         <PackageReference Include="Microsoft.Extensions.Http" Version="8.*" />
7.     </ItemGroup>

复制代码

_Imports.razor 加入引用

1. @using BootstrapBlazor.Components
2. @using Microsoft.AspNetCore.Authorization
3. @using Microsoft.AspNetCore.Components.Authorization

复制代码

App.razor 加入必须的UI库引用代码

完整文件

1.     <ItemGroup>
2.         <PackageReference Include="BootstrapBlazor" Version="8.*" />
3.         <PackageReference Include="Densen.Extensions.BootstrapBlazor" Version="8.*" />
4.         <PackageReference Include="Microsoft.AspNetCore.Authentication.OpenIdConnect" Version="8.*" />
5.         <PackageReference Include="Microsoft.AspNetCore.Components.Authorization" Version="8.*" />
6.         <PackageReference Include="Microsoft.Extensions.Http" Version="8.*" />
7.     </ItemGroup>   

复制代码

Routes.razor 加入授权

完整代码

1. <Router AppAssembly="typeof(Program).Assembly">
2.     <Found Context="routeData">
3.         <AuthorizeRouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)">
4.             <NotAuthorized>
5.                 <p role="alert">您无权访问该资源.</p>
6.             </NotAuthorized>
7.             <Authorizing>
8.                 <p>正在验证您的身份...</p>
9.             </Authorizing>
10.         </AuthorizeRouteView>
11.     </Found>
12. </Router>

复制代码

添加Oidc授权配置


新建 OidcProfile.cs 文件

1. using Microsoft.AspNetCore.Authentication;
2. using Microsoft.AspNetCore.Authentication.OpenIdConnect;
3. using Microsoft.IdentityModel.Protocols.OpenIdConnect;
4. using System.Security.Claims;
6. namespace OidcClientShared;
8. public class OidcProfile
9. {
11.     public static void OidcDIY(OpenIdConnectOptions options)
12.     {
13.         var authority = "https://ids2.app1.es/"; //由于时间的关系,已经部署有一个实际站点, 大家也可以参考往期文章使用本机服务器测试
14.         //authority = "https://localhost:5001/";
15.         var clientId = "Blazor5002";
16.         var callbackEndPoint = "http://localhost:5002";
18.         options.Authority = authority;
19.         options.ClientId = clientId;
20.         options.ResponseType = OpenIdConnectResponseType.Code;
21.         options.ResponseMode = OpenIdConnectResponseMode.Query;
23.         options.SignedOutRedirectUri = callbackEndPoint;
24.         options.CallbackPath = "/authentication/login-callback";
25.         options.SignedOutCallbackPath = "/authentication/logout-callback";
26.         options.Scope.Add("BlazorWasmIdentity.ServerAPI openid profile");
28.         options.GetClaimsFromUserInfoEndpoint = true;
29.         options.SaveTokens = true;
30.         options.MapInboundClaims = false;
31.         options.ClaimActions.MapAll();
32.         options.ClaimActions.MapJsonKey(ClaimTypes.Name, "name");
33.         options.ClaimActions.MapJsonKey(ClaimValueTypes.Email, "email", ClaimValueTypes.Email);
34.         options.ClaimActions.MapJsonKey(ClaimTypes.Role, "role");
36.         options.Events = new OpenIdConnectEvents
37.         {
38.             OnAccessDenied = context =>
39.             {
40.                 context.HandleResponse();
41.                 context.Response.Redirect("/");
42.                 return Task.CompletedTask;
43.             },
45.             OnTokenValidated = context =>
46.             {
47.                 var token = context.TokenEndpointResponse?.AccessToken;
48.                 if (!string.IsNullOrEmpty(token))
49.                 {
50.                     if (context.Principal?.Identity != null)
51.                     {
52.                         var identity = context.Principal!.Identity as ClaimsIdentity;
53.                         identity!.AddClaim(new Claim("AccessToken", token));
54.                     }
56.                 }
58.                 return Task.CompletedTask;
59.             }
61.         };
63.     }
65. }

复制代码

Program.cs 加入授权相关

其中要加入Razor的cshtml支持, 因为登录要依靠管道跳转. 上下有两行都注释在文件内了.
完整代码

1. using BlazorSSRAppOIDC.Components;
2. using OidcClientShared;
4. var builder = WebApplication.CreateBuilder(args);
6. //在具有 Blazor Web 应用程序模板的 .NET 8 中，需要将其更改为, 由于该Pages文件夹已移至该Components文件夹中，因此您需要指定新位置的根目录，或将该Pages文件夹移回项目的根级别
7. builder.Services.AddRazorPages().WithRazorPagesRoot("/Components/Pages");
8. // Add services to the container.
9. builder.Services.AddRazorComponents()
10.     .AddInteractiveServerComponents();
12. builder.Services.AddCascadingAuthenticationState();
13. builder.Services.AddHttpClient();
14. builder.Services.AddDensenExtensions();
15. builder.Services.ConfigureJsonLocalizationOptions(op =>
16. {
17.     // 忽略文化信息丢失日志
18.     op.IgnoreLocalizerMissing = true;
20. });
22. builder.Services
23.     .AddAuthentication(options =>
24.     {
25.         options.DefaultScheme = "Cookies";
26.         options.DefaultChallengeScheme = "oidc";
27.     })
28.     .AddCookie("Cookies")
29.     .AddOpenIdConnect("oidc", OidcProfile.OidcDIY);
31. var app = builder.Build();
33. // Configure the HTTP request pipeline.
34. if (!app.Environment.IsDevelopment())
35. {
36.     app.UseExceptionHandler("/Error", createScopeForErrors: true);
37.     // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
38.     app.UseHsts();
39. }
41. app.UseHttpsRedirection();
43. app.UseStaticFiles();
44. app.UseRouting();
45. app.UseAuthentication();
46. app.UseAuthorization();
47. app.UseAntiforgery();
48. //但出于某种原因，这还不够。在 Blazor Web 应用程序模板中，您明确需要调用
49. app.MapRazorPages();
51. app.MapRazorComponents<App>()
52.     .AddInteractiveServerRenderMode();
54. app.Run();

复制代码

Pages 文件夹新建登录Razor页实现登录和注销跳转


展开 Login.cshtml 文件组合三角箭头, 编辑 Login.cshtml.cs

Login.cshtml.cs

1. using Microsoft.AspNetCore.Authentication;
2. using Microsoft.AspNetCore.Mvc.RazorPages;
4. namespace PersonalToolKit.Server.Components.Pages;
6. public class LoginModel : PageModel
7. {
8.     public async Task OnGet(string redirectUri)
9.     {
10.         await HttpContext.ChallengeAsync("oidc", new AuthenticationProperties { RedirectUri = redirectUri });
11.     }
13. }

复制代码

Logout.cshtml.cs

1. using Microsoft.AspNetCore.Authentication;
2. using Microsoft.AspNetCore.Mvc.RazorPages;
4. namespace PersonalToolKit.Server.Components.Pages;
6. public class LogoutModel : PageModel
7. {
8.     public async Task OnGet(string redirectUri)
9.     {
10.         await HttpContext.SignOutAsync("Cookies");
11.         await HttpContext.SignOutAsync("oidc", new AuthenticationProperties { RedirectUri = redirectUri });
12.     }
14. }

复制代码

Routes.razor 加入授权

完整代码

1. [/code][size=4]Home.razor[/size]
3. 完整代码
4. [code]@page "/"
5. @using System.Security.Claims
6. @inject NavigationManager Navigation
8. <PageTitle>Home</PageTitle>
11. <AuthorizeView>
12.     <Authorized>
14.         你好, @context.User.Identity?.Name (@context.User.Claims.FirstOrDefault(c => c.Type == ClaimTypes.Role)?.Value)
15.       
16.         <Button Text="注销" OnClick="BeginLogOut" />
18.         <br /><br /><br />
19.         <h5>以下是用户的声明</h5><br />
21.         @foreach (var claim in context.User.Claims)
22.         {
23.             <p>@claim.Type: @claim.Value</p>
24.         }
27.     </Authorized>
28.     <NotAuthorized>
30.         <Button Text="登录" OnClick="BeginLogIn" />
32.         <p>默认账号 test@test.com 密码 0</p>
34.     </NotAuthorized>
36. </AuthorizeView>
38. @code {
39.     private string LoginUrl = "login?redirectUri=";
40.     private void BeginLogIn()
41.     {
42.         var returnUrl = Uri.EscapeDataString(Navigation.Uri);
43.         Navigation.NavigateTo(LoginUrl + returnUrl, forceLoad: true);
44.     }
46.     private string LogoutUrl = "logout?redirectUri=";
47.     private void BeginLogOut()
48.     {
49.         var returnUrl = Uri.EscapeDataString(Navigation.Uri);
50.         Navigation.NavigateTo(LogoutUrl + returnUrl, forceLoad: true);
51.     }
53. }

复制代码

运行



免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！