Blazor 怎么集成 JWT 认证

Blazor集成JWT认证需前后端协同闭环：后端配置JWT中间件、提供登录接口签发Token；前端存储Token、自动携带、路由拦截、登出清理。

Blazor 集成 JWT 认证，核心是前后端协同：后端颁发并验证 Token，前端存储、携带、检查它。关键不在于写多少代码，而在于每个环节是否闭环——登录能取到 token、请求能自动带 token、路由能拦住未登录用户、登出能清干净。

后端配置 JWT 认证中间件

.NET 8+ 的 Blazor Server 或 Web API 项目中，在 Program.cs 注册 JWT Bearer 认证服务：

• 调用 AddAuthentication().AddJwtBearer()，指定 issuer、audience 和密钥（必须和生成 token 时一致）
• 启用 AddAuthorization()，后续才能用 [Authorize] 特性保护控制器或端点
• 确保中间件顺序：UseAuthentication() 必须在 UseAuthorization() 之前，且都在 UseRouting() 之后
• JWT 配置建议从 appsettings.json 读取，例如：
  "Jwt": { "Key": "your-32-byte-secret-key-here", "Issuer": "myapp", "Audience": "myapp-users" }

后端提供登录接口并生成 Token

新建一个 AuthController，暴露 POST /api/auth/login：

• 接收用户名/密码，校验通过后构造 Claims（至少含 ClaimTypes.Name，可加 ClaimTypes.Role）
• 用 SymmetricSecurityKey + SigningCredentials 签发 JwtSecurityToken
• 返回结构建议包含 token、expiresIn（单位秒）、success 字段，方便前端处理
• 注意：密钥长度要合规（HMAC-SHA256 至少 32 字节），避免硬编码，开发环境可用 Convert.FromBase64String() 安全加载

前端登录与 Token 管理

Blazor WebAssembly 或 Server 均需在登录成功后持久化 token，并让所有受保护请求自动携带它：

• 登录后调用 localStorage.SetItemAsync("auth-token", token)（WASM）或 ProtectedSessionStore.SetAsync("auth-token", token)（Server）
• 创建自定义 HttpClient（如 AuthorizedHttpClient），在构造时读取 token 并设为 Authorization: Bearer xxx 头
• 将该客户端注册为 Scoped 服务，在需要调用 API 的组件中注入使用
• 登出时务必清除本地 token，并重定向到登录页（如 NavigationManager.NavigateTo("/login", true) 强刷）

前端路由与 UI 层权限控制

仅靠 HTTP 请求头还不够，用户界面也要响应式隐藏/拦截：

• 用 包裹内容，内部分 、、 三块
• 需要角色判断时，可在 中指定，前提是后端签发的 token 含 role claim
• 对整个页面加保护？在 @page 指令下方加 @attribute [Authorize]
• 想实现“未登录跳转登录页”？配置 RedirectToLogin 组件，或在 App.razor 中统一处理 AuthenticationStateProvider 的状态变更

基本上就这些。不复杂但容易忽略的是 token 过期刷新和并发请求的认证头一致性——如果要做进阶，再考虑 silent refresh 或 interceptor 拦截 401 后自动重试。

# js  # 前端  # json  # 编码  # app  # 字节  # session  # 后端  # mac  # ai  # 路由  # 开发环境  # 并发请求  # .net  # red  # 中间件  # Token  # 接口  # Attribute  # 并发  # http  # ui  # wasm  # 闭环  # 的是  # 进阶  # 中统  # 都在  # 也要  # 设为  # 要做  # 可在 

相关文章： 如何登录建站主机？访问步骤全解析  如何快速生成专业多端适配建站电话？  制作门户网站的参考文献在哪,小说网站怎么建立？  如何在Tomcat中配置并部署网站项目？  想学网站制作怎么学,建立一个网站要花费多少？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何通过多用户协作模板快速搭建高效企业网站？  网站网页制作专业公司,怎样制作自己的网页？  如何用虚拟主机快速搭建网站？详细步骤解析  三星网站视频制作教程下载,三星w23网页如何全屏？  建站之星客服服务时间及联系方式如何？  再谈Python中的字符串与字符编码（推荐）  C++时间戳转换成日期时间的步骤和示例代码  如何在建站主机中优化服务器配置？  如何在宝塔面板中修改默认建站目录？  如何在IIS中新建站点并配置端口与IP地址？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  ,购物网站怎么盈利呢？  如何选择可靠的免备案建站服务器？  网站app免费制作软件,能免费看各大网站视频的手机app？  制作网站的公司有哪些,做一个公司网站要多少钱？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  太原网站制作公司有哪些,网约车营运证查询官网？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  网页设计网站制作软件,microsoft office哪个可以创建网页？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何在云主机上快速搭建网站？  如何用IIS7快速搭建并优化网站站点？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  建站上市公司网站建设方案与SEO优化服务定制指南  建站之星后台密码如何安全设置与找回？  安徽网站建设与外贸建站服务专业定制方案  如何用5美元大硬盘VPS安全高效搭建个人网站？  专业公司网站制作公司,用什么语言做企业网站比较好？  广德云建站网站建设方案与建站流程优化指南  制作表格网站有哪些,线上表格怎么弄？  如何高效配置香港服务器实现快速建站？  如何在Ubuntu系统下快速搭建WordPress个人网站？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  网站微信制作软件,如何制作微信链接？  建站主机CVM配置优化、SEO策略与性能提升指南  设计网站制作公司有哪些,制作网页教程？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  定制建站方案优化指南：企业官网开发与建站费用解析  行程制作网站有哪些,第三方机票电子行程单怎么开？  c# 在高并发场景下，委托和接口调用的性能对比  Android滚轮选择时间控件使用详解  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  建站之星安装步骤有哪些常见问题？  网站设计制作公司地址,网站建设比较好的公司都有哪些？