快速入门

概览

Authon 是一个通用认证平台,为任意应用提供即插即用的认证功能 — OAuth 登录方式、无密码登录、魔法链接和 JWT 令牌,全部完全托管。

什么是 Authon?

Authon 处理认证的复杂性,让您专注于构建产品。它提供托管认证服务,包含预构建的 UI 组件、适用于 15+ 平台的开发者 SDK,以及用于管理用户、会话和 OAuth 登录方式的强大控制台。

可将其视为 Clerk 或 Auth0 的自托管替代方案,完全掌控您的数据,并提供完全可定制的登录体验。

主要功能

20+ 种 OAuth 登录方式
Google、Apple、GitHub、Kakao、Naver、Discord 等。
无密码登录
开箱即用的魔法链接和邮箱 OTP。
支持 15 个平台的 SDK
React、Vue、Next.js、Angular、React Native 等。
可自定义 UI
通过颜色、Logo 和深色/浅色主题定制您的登录弹窗。
Webhook 事件
用户注册、登录、封禁等实时事件通知。
企业级安全
带刷新令牌的 JWT、PKCE、速率限制和审计日志。

架构

Authon 由三个组件构成:

  • API 服务器: NestJS 后端,负责处理认证、用户管理和 OAuth 流程。
  • 控制台: Next.js 管理界面,用于管理项目、用户、登录方式和 API 密钥。
  • 客户端 SDK: 适用于 React、Vue、Next.js 等的前端 SDK。

快速示例

三步为 React 应用添加认证:

bash
npm install @authon/react
App.tsx
import { AuthonProvider, SignedIn, SignedOut, UserButton } from "@authon/react";

export default function App() {
  return (
    <AuthonProvider publishableKey="pk_live_your_key">
      <SignedIn>
        <Dashboard />
        <UserButton />
      </SignedIn>
      <SignedOut>
        <LandingPage />
      </SignedOut>
    </AuthonProvider>
  );
}
准备好开始了吗?
按照5分钟快速入门指南,将 Authon 添加到您的应用。
快速开始
Authon — Universal Authentication Platform