Auth0 React
已废弃的React应用Auth0身份验证集成方案
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Auth0 React。 它的用途是：已废弃的React应用Auth0身份验证集成方案 完整的 Skill 内容见：https://321skill.com/skills/auth0-react-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为我的React管理后台添加用户登录功能。’，它会引导你安装此Skill，并生成集成Auth0 Provider的代码框架，快速实现登录界面和受保护的路由。或者
对AI说：‘保护我的`/dashboard`路由，只有登录用户才能访问。’，它会指导你使用`withAuthenticationRequired`高阶组件来包装该路由组件。
介绍
这个Skill旨在为React单页应用（SPA）快速集成Auth0身份验证服务，提供登录、登出、保护路由和管理用户会话等功能。它通过集成官方的@auth0/auth0-react库，将复杂的OAuth 2.0流程和令牌管理封装成易于使用的组件和钩子。
使用时，开发者只需通过简单的命令安装此Skill，即可在React应用中引入Auth0Provider组件包裹应用，并使用useAuth0钩子来获取用户身份、调用登录/登出方法，或使用withAuthenticationRequired高阶组件来保护特定路由。这大大简化了身份验证逻辑的代码编写。
该Skill主要面向使用React技术栈的前端开发者，特别是那些需要为内部管理后台、用户门户或任何需要用户账户体系的Web应用快速添加安全登录功能的人员。它适合项目初期或需要快速验证身份验证流程的场景。
需要注意的是，此Skill已被标记为“废弃”，官方推荐使用更通用的auth0 Skill。因此，在新项目中应避免使用，对于已有项目，建议规划迁移至新的Skill。此外，它主要解决前端集成问题，后端API的令牌验证仍需开发者自行处理。
核心特点
此Skill是专为React框架深度定制的Auth0集成方案，直接封装了@auth0/auth0-react库，提供了开箱即用的React上下文、钩子和组件，比其他通用身份验证Skill更贴合React开发者的使用习惯。
注意事项
此Skill已废弃，不再维护，且仅适用于React框架的前端应用，不适用于其他前端框架或后端服务。
常见问题
这个Skill和`auth0` Skill有什么区别？
此Skill是专为React定制的旧版方案，已废弃。新的`auth0` Skill更通用，支持更多框架和场景。
我能用这个Skill保护我的React路由吗？
可以，它提供了`withAuthenticationRequired`高阶组件来保护特定路由，但建议迁移到新的`auth0` Skill。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/auth0-react-x/raw/index.md 读取 Auth0 React 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/auth0-react-x/raw/index.md（查看排版版本）