Blazor AuthenticationStateProvider 使用教程

AuthenticationStateProvider是Blazor中广播用户认证状态的核心服务,需继承并重写GetAuthenticationStateAsync(),调用NotifyAuthenticationStateChanged通知UI更新,注册为Scoped(Server)或Singleton(WASM),配合CascadingAuthenticationState使用。

blazor authenticationstateprovider 使用教程

Blazor 的 AuthenticationStateProvider 是实现自定义身份验证逻辑的核心组件,它负责向整个应用提供当前用户的认证状态(比如是否已登录、用户身份信息等)。默认情况下,Blazor Server 和 Blazor WebAssembly 的基础模板已集成 Identity 或 JWT 认证,但若需对接自有登录系统、Token 存储在 localStorage、或需要手动触发状态刷新,你就得自定义一个 AuthenticationStateProvider。

理解 AuthenticationStateProvider 的作用

它不是“做登录”的工具,而是“广播登录状态”的服务。Blazor 组件(如 AuthorizeView、AuthorizeRouteView)会订阅它的状态变更,从而动态显示/隐藏内容或跳转路由。它内部维护一个 Task,并通过 NotifyAuthenticationStateChanged 方法通知所有监听者状态已更新。

关键点:

必须注册为 Scoped(Blazor Server)或 Singleton(Blazor WebAssembly),且早于 AuthenticationStateProvider 的消费者(如 CascadingAuthenticationState)注册 重写 GetAuthenticationStateAsync() 返回当前状态(同步或异步获取用户信息) 调用 NotifyAuthenticationStateChanged(Task) 才能触发 UI 更新

手写一个基于 localStorage 的 Provider(WebAssembly 场景)

适用于 JWT 登录后把 token 存在浏览器 localStorage,页面刷新后仍需恢复登录态的场景。

步骤如下:

新建类继承 AuthenticationStateProvider,例如 CustomAuthStateProvider 注入 IJSRuntime 用于读取 localStorage 中的 token 在 GetAuthenticationStateAsync() 中解析 token(可用 System.IdentityModel.Tokens.Jwt 解码,或简单检查是否存在)并构造 ClaimsPrincipal 暴露一个 MarkUserAsAuthenticated(string token) 方法,保存 token 并通知状态变更 暴露一个 Logout() 方法,清除 token 并通知未登录状态

注意:WebAssembly 中无法直接访问 HttpContext,所以不能依赖服务端 Session;token 过期校验建议在每次请求前由 HttpClient 拦截器处理,而非全靠 Provider。

触发状态更新的正确方式

别在登录成功后只改内部字段就完事——UI 不会响应。必须调用 NotifyAuthenticationStateChanged。

常见错误写法:

❌ this._currentUser = new ClaimsPrincipal(identity); // 不会刷新 UI

正确做法:

构造新的 AuthenticationState 实例(含新 ClaimsPrincipal) 调用 NotifyAuthenticationStateChanged(Task.FromResult(new AuthenticationState(principal))) 如果操作是异步的(如从 API 获取用户信息),可直接返回该异步 Task

与路由和组件配合使用

确保 App.razor 中已包裹 CascadingAuthenticationState:

                                Not found              

Sorry, there's nothing at this address.

之后你就能在任意组件中使用:

... 根据角色/策略切换内容 @attribute [Authorize] 控制页面访问权限 @inject AuthenticationStateProvider AuthStateProvider 手动获取当前状态(不推荐频繁调用,优先用 AuthorizeView)

基本上就这些。不复杂但容易忽略 Notify 通知和生命周期注册时机,踩坑多在这两处。

以上就是Blazor AuthenticationStateProvider 使用教程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1443060.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
EF Core如何自定义表名和列名 EF Core ToTable和HasColumnName方法
上一篇 2025年12月17日 19:40:56
Blazor 怎么优化性能
下一篇 2025年12月17日 19:41:17

相关推荐

  • 京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则

    京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则京东两个地址可以合并下单吗?为什么?深度解析多地址购物规则

    在京东购物时,不少消费者都曾面临类似的疑问:当需要为不同地址的亲友选购商品时,是否可以将多个收货地址的物品合并成一个订单完成支付?这个问题虽然表面简单,但背后牵涉到京东平台的订单架构、促销机制以及物流调度等多个系统层面的设计。本文将全面解析京东多地址下单的相关规则,并深入探讨其背后的运行逻辑。 一、…

    2026年9月27日 • 用户投稿
    000
  • laravel怎么使用whereHas对关联模型进行查询过滤_laravel whereHas关联模型查询过滤方法

    laravel怎么使用whereHas对关联模型进行查询过滤_laravel whereHas关联模型查询过滤方法laravel怎么使用whereHas对关联模型进行查询过滤_laravel whereHas关联模型查询过滤方法laravel怎么使用whereHas对关联模型进行查询过滤_laravel whereHas关联模型查询过滤方法laravel怎么使用whereHas对关联模型进行查询过滤_laravel whereHas关联模型查询过滤方法

    答案:Laravel中使用whereHas方法可基于关联模型条件过滤主模型数据,支持基础查询、数值比较、多层嵌套、或条件扩展及数量限制。示例包括查询有已发布文章的用户、订单中含高价商品、用户发表含特定词评论的文章、产品满足标签或分类条件,以及结合withCount筛选拥有至少5篇且近30天发布文章的…

    2026年9月27日 • 用户投稿
    100
  • 深拷贝与浅拷贝的区别是什么?如何实现深拷贝?

    深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?深拷贝与浅拷贝的区别是什么?如何实现深拷贝?

    深拷贝会递归复制对象所有嵌套属性,确保新旧对象完全独立,而浅拷贝仅复制引用,导致修改相互影响;常用深拷贝方法包括JSON.parse(JSON.stringify(obj))、递归函数处理循环引用和特殊对象,或使用Lodash的_.cloneDeep()及现代API structuredClone(…

    2026年9月27日 • 用户投稿
    100
  • 淘宝手机以旧换新的运费谁出?如何操作?需按照流程保障自身权益。

    淘宝手机以旧换新的运费谁出?如何操作?需按照流程保障自身权益。淘宝手机以旧换新的运费谁出?如何操作?需按照流程保障自身权益。淘宝手机以旧换新的运费谁出?如何操作?需按照流程保障自身权益。淘宝手机以旧换新的运费谁出?如何操作?需按照流程保障自身权益。

    在科技日新月异的今天,智能手机的迭代速度不断加快。淘宝推出的手机以旧换新服务,为许多希望升级设备的消费者提供了极大的便利。然而,在实际操作中,不少用户都会产生疑问:参与淘宝手机以旧换新时,寄送旧机的运费究竟由谁承担?整个流程又该如何一步步完成?这些问题直接关系到用户的使用体验和经济利益。接下来,我们…

    2026年9月27日 • 用户投稿
    200
  • 联想城市超级智能体荣获”2025数字政府创新解决方案”奖 引领智慧城市4.0新时代

    联想城市超级智能体荣获”2025数字政府创新解决方案”奖 引领智慧城市4.0新时代联想城市超级智能体荣获”2025数字政府创新解决方案”奖 引领智慧城市4.0新时代联想城市超级智能体荣获”2025数字政府创新解决方案”奖 引领智慧城市4.0新时代联想城市超级智能体荣获”2025数字政府创新解决方案”奖 引领智慧城市4.0新时代

    9月25日,由中国互联网协会主办的“2025数字政府智能应用与创新发展大会”隆重召开。联想城市超级智能体凭借其领先的技术架构和广泛的实践成果,荣获“2025数字政府创新解决方案”大奖,成为推动数字政府建设的典范案例。 权威认证加持,“联想方案”引领全球智慧城市建设风向 本届大会以“数智驱动 政务创新…

    2026年9月27日 • 用户投稿
    100
  • 联想小新平板Pro GT配置公布:搭载第三代骁龙8旗舰SOC

    联想小新平板Pro GT配置公布:搭载第三代骁龙8旗舰SOC联想小新平板Pro GT配置公布:搭载第三代骁龙8旗舰SOC联想小新平板Pro GT配置公布:搭载第三代骁龙8旗舰SOC联想小新平板Pro GT配置公布:搭载第三代骁龙8旗舰SOC

    凤凰网科技讯 7月8日,联想小新官方发布消息,公布了小新平板 pro gt 的部分配置信息。这款新品确认将搭载第三代骁龙8旗舰soc,并配备一块11.1英寸的3.2k高刷lcd屏幕。 小新平板Pro GT被定义为“轻旗舰 实力派”,其机身重量约为458g,厚度约为5.99mm。 ☞☞☞AI 智能聊天…

    2026年9月27日 • 用户投稿
    200
  • 夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法

    夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法夸克网盘下载路径怎么修改_夸克APP文件默认保存位置设置方法

    可通过夸克APP设置修改默认下载路径,进入“设置-下载设置-下载路径”选择目标文件夹,实现文件集中管理。 如果您在使用夸克网盘下载文件时希望将文件保存到指定目录,而不是系统默认的存储路径,可以通过调整应用内的下载设置来实现。修改下载路径有助于更好地管理文件,避免文件分散在不同位置。 本文运行环境:华…

    2026年9月27日 • 用户投稿
    100
  • cpu排行榜2025 2025电脑cpu性能处理器前十名最新排名

    cpu排行榜2025 2025电脑cpu性能处理器前十名最新排名cpu排行榜2025 2025电脑cpu性能处理器前十名最新排名cpu排行榜2025 2025电脑cpu性能处理器前十名最新排名cpu排行榜2025 2025电脑cpu性能处理器前十名最新排名

    最佳处理器选择依据需求:1. 游戏玩家选AMD Ryzen 7 9800X3D或Ryzen 9 9950X3D;2. 内容创作者选Intel Core i9-14900K或AMD Ryzen 9 9950X;3. 多任务用户选AMD Ryzen 9 7950X3D或Intel Core Ultra …

    2026年9月27日 • 用户投稿
    400
  • QQ浏览器文件下载目录在哪_QQ浏览器文件下载目录修改方法

    QQ浏览器文件下载目录在哪_QQ浏览器文件下载目录修改方法QQ浏览器文件下载目录在哪_QQ浏览器文件下载目录修改方法QQ浏览器文件下载目录在哪_QQ浏览器文件下载目录修改方法QQ浏览器文件下载目录在哪_QQ浏览器文件下载目录修改方法

    QQ浏览器默认将文件保存在系统“下载”文件夹,路径通常为C:Users用户名Downloads,可在设置中修改。打开浏览器菜单→设置→下载设置→更改路径,选择新文件夹如D:MyDownload即可。建议设置专用下载目录并定期清理,便于文件管理。 QQ浏览器默认会将下载的文件保存在一个系统指定的目录中…

    2026年9月27日 • 用户投稿
    100
  • laravel怎么在运行时动态添加路由_laravel运行时动态添加路由方法

    laravel怎么在运行时动态添加路由_laravel运行时动态添加路由方法laravel怎么在运行时动态添加路由_laravel运行时动态添加路由方法laravel怎么在运行时动态添加路由_laravel运行时动态添加路由方法laravel怎么在运行时动态添加路由_laravel运行时动态添加路由方法

    可在Laravel运行时通过编程方式动态注册路由。1、使用Route门面在服务提供者boot方法中添加路由,确保其注册顺序在 RouteServiceProvider 之后;2、从数据库读取路由信息并结合缓存机制提升性能;3、利用中间件在请求时动态注入路由,适用于子域名或租户系统;4、创建自定义服务…

    2026年9月27日 • 用户投稿
    200
  • sublime怎么高亮显示匹配的括号_Sublime括号匹配高亮功能设置

    sublime怎么高亮显示匹配的括号_Sublime括号匹配高亮功能设置sublime怎么高亮显示匹配的括号_Sublime括号匹配高亮功能设置sublime怎么高亮显示匹配的括号_Sublime括号匹配高亮功能设置sublime怎么高亮显示匹配的括号_Sublime括号匹配高亮功能设置

    Sublime Text默认支持括号匹配高亮,需确认设置中启用”match_brackets”及相关选项,建议安装BracketHighlighter插件增强功能,并检查主题颜色是否影响显示效果。 Sublime Text 默认就支持括号匹配高亮,当你将光标放在一个括号(如 …

    2026年9月27日 • 用户投稿
    300
  • 使用Spring Boot构建JSON格式的算术操作POST API教程

    使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程使用Spring Boot构建JSON格式的算术操作POST API教程

    本教程将指导您如何使用Spring Boot框架创建一个接收JSON格式请求的POST API端点。该API能够根据请求中的操作类型(加、减、乘)对两个整数执行算术运算,并返回包含操作结果和指定用户名的JSON响应。文章将详细介绍如何定义数据传输对象(DTOs)、枚举类型、实现业务逻辑服务以及构建R…

    2026年9月27日 • 用户投稿
    100
  • 豆包AI怎么转换语言 豆包AI语言转换方法

    豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法豆包AI怎么转换语言 豆包AI语言转换方法

    豆包ai切换界面语言及指定回复语言的方法如下:1. 打开豆包app或网页版,进入“设置” → “通用设置” → “语言”,选择所需语言保存即可切换界面语言;2. 提问时明确说明所需回复语言,如“请用英文回答”,或使用提示词“[en]”、“[fr]”等,ai将按要求输出对应语言。界面语言更改不影响ai…

    2026年9月27日 • 用户投稿
    100
  • Win7电脑开机画面怎么设置?

    Win7电脑开机画面怎么设置?Win7电脑开机画面怎么设置?Win7电脑开机画面怎么设置?Win7电脑开机画面怎么设置?

    在通常的情况下,电脑开机都是会显示开机画面的,而这些画面一般也都是系统设置好的,不过也会有一些追求个性化的盆友会想要进行更换电脑开机画面的。当还是有部分的盆友知道电脑开机画面怎么更换的,所以今天小编给大家简单的介绍一下更换开机画面的方法。 1、点击“开始”菜单,在运行内输入regedit然后回车,打…

    2026年9月27日 • 用户投稿
    200
  • firefox浏览器如何清除自动填充的表单数据 Firefox浏览器清除表单自动填充历史

    firefox浏览器如何清除自动填充的表单数据 Firefox浏览器清除表单自动填充历史firefox浏览器如何清除自动填充的表单数据 Firefox浏览器清除表单自动填充历史firefox浏览器如何清除自动填充的表单数据 Firefox浏览器清除表单自动填充历史firefox浏览器如何清除自动填充的表单数据 Firefox浏览器清除表单自动填充历史

    首先清除Firefox表单自动填充中的过时信息,可通过隐私设置批量删除全部历史,或使用Shift+Delete删除特定条目,还可禁用表单记忆功能以阻止新数据保存。 如果您在使用Firefox浏览器时发现表单自动填充的内容包含过时或错误的信息,可能会影响您输入的准确性和效率。为了确保填写表单时只显示最…

    2026年9月27日 • 用户投稿
    200
  • cpu天梯图最新排名2025 手机cpu处理器排行榜天梯图top10

    cpu天梯图最新排名2025 手机cpu处理器排行榜天梯图top10cpu天梯图最新排名2025 手机cpu处理器排行榜天梯图top10cpu天梯图最新排名2025 手机cpu处理器排行榜天梯图top10cpu天梯图最新排名2025 手机cpu处理器排行榜天梯图top10

    骁龙 8 Gen4、天玑 9400、A18 Pro 和 Exynos 2400 是当前旗舰处理器,分别适用于高端游戏、AI 创作、iOS 生态和游戏玩家。 立即进入“各种好用的网站点击进入”; 一、旗舰处理器(性能天花板) 1. 高通骁龙 8 Gen4 核心配置:1×Cortex-X5(3.8GHz…

    2026年9月27日 • 用户投稿
    100
  • Gemini可以预测超新星爆发吗 Gemini天体事件预警系统

    Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统Gemini可以预测超新星爆发吗 Gemini天体事件预警系统

    谷歌gemini 2.5在超新星爆发预测中展现出强大能力,其通过分析历史数据与实时观测信息识别关键特征,如恒星亮度变化、光谱演变和环境扰动;构建天体事件预警系统需五个步骤:1.数据收集,2.数据处理,3.模式识别,4.实时监控,5.快速响应;然而实际应用中仍面临数据质量不一、标准不统一、训练样本不足…

    2026年9月27日 • 用户投稿
    100
  • 谈谈你对Java抽象类和接口的理解,以及它们之间的区别

    谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别谈谈你对Java抽象类和接口的理解,以及它们之间的区别

    抽象类提供共享状态和部分实现,适用于“is-a”关系;接口定义行为契约,支持多重继承,适用于“can-do”关系。 Java的抽象类和接口,在我看来,是面向对象设计中实现多态和代码复用的两大利器,但它们的设计哲学和应用场景有着本质的区别。简单来说,抽象类更像是一个“半成品”的父类,它允许你定义一些通…

    2026年9月27日 • 用户投稿
    100
  • 抖音音效无法使用怎么办

    抖音音效无法使用怎么办抖音音效无法使用怎么办抖音音效无法使用怎么办抖音音效无法使用怎么办

    先检查麦克风权限是否开启,再确认抖音已更新至最新版本,接着清理缓存或重置应用数据,最后确保网络连接正常;若均无效,可能是系统兼容问题,建议联系抖音客服。 抖音音效无法使用,通常和权限设置、应用版本或设备系统有关。先确认问题具体表现:是部分音效不能用,还是所有音效都加载失败?下面分几种常见情况说明解决…

    2026年9月27日 • 用户投稿
    100
  • Claude如何优化多语言翻译 Claude语言模型微调方法

    Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法Claude如何优化多语言翻译 Claude语言模型微调方法

    优化claude多语言翻译能力的核心在于理解其运作机制并结合数据与策略进行干预,主要通过提示工程和模型微调两个层面实现。1. 提示工程是第一把利器,通过提供上下文、明确指令和高质量示例提升表现,例如指定翻译风格、受众或术语处理方式,并采用少样本学习引导模型理解偏好。2. 当面对专业领域或低资源语言时…

    2026年9月27日 • 用户投稿
    300

发表回复

登录后才能评论
关注微信