快速入门
概览
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/reactApp.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 添加到您的应用。