@authaz/反应

反应 SDK 用于 Authaz 认证 - 只有客户端 .

安装

npm install @authaz/react @authaz/sdk
# or
pnpm add @authaz/react @authaz/sdk
# or
yarn add @authaz/react @authaz/sdk

使用量

提供者设置

import { AuthazProvider } from '@authaz/react';

function App() {
  return (
    <AuthazProvider basePath="/api/auth">
      <YourApp />
    </AuthazProvider>
  );
}

使用钩子

import { useAuthaz, useUser, useSession } from '@authaz/react';

function Profile() {
  const { user, isLoading, isAuthenticated } = useAuthaz();
  
  if (isLoading) return <div>Loading...</div>;
  if (!isAuthenticated) return <div>Not authenticated</div>;
  
  return <div>Hello, {user?.name}</div>;
}

构成部分

import { SignInButton, SignOutButton, UserButton } from '@authaz/react';

function Header() {
  return (
    <nav>
      <SignInButton />
      <SignOutButton />
      <UserButton />
    </nav>
  );
}

文档

完整文件,访问 https://authaz.io/docs 互联网档案馆的存檔,存档日期2013-12-02

许可证

麻省理工学院