SuperAPI AI 工具集

auth0-react

前端与建站

查看项目

更新于 10-15 17:21

技能介绍

用途:为 React 单页应用(SPA)添加 Auth0 认证,包括登录、登出、受保护路由和用户会话管理,底层使用 @auth0/auth0-react SDK。

主要能力:提供 useAuth0() 钩子,可获取 isAuthenticated、user、isLoading,并调用 loginWithRedirect()、logout()、getAccessTokenSilently();支持 MFA 相关 API,如 mfa.getAuthenticators、getEnrollmentFactors、enroll、challenge、verify,以及 MfaRequiredError 等错误类型。

使用方式:先安装 npm install @auth0/auth0-react;配置环境变量,Vite 用 VITE_AUTH0_DOMAIN、VITE_AUTH0_CLIENT_ID,CRA 用 REACT_APP_ 前缀;用 Auth0Provider 包裹应用根组件,传入 domain、clientId 和 authorizationParams.redirect_uri;在组件中通过 useAuth0() 渲染登录/登出 UI,并检查 isLoading。

适用场景:React 16.11+ 的 Vite 或 CRA 项目,采用 Auth0 Universal Login 的重定向式登录。

限制:不适用于 Next.js(应使用 auth0-nextjs)、React Native(auth0-react-native)、服务端渲染 React、嵌入式登录或后端 API 认证。需在 Auth0 Dashboard 配置 Allowed Callback URLs;不要手动把令牌存入 localStorage;Auth0Provider 必须位于根级并包裹所有使用认证钩子的组件。资料未提供收费、价格或效果信息。