はじめに

概要

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、Node.jsなど。
カスタマイズ可能なUI
カラー、ロゴ、ダーク/ライトテーマでログインモーダルをブランディング。
Webhookイベント
ユーザー登録、サインイン、バンなどのリアルタイムイベント。
エンタープライズセキュリティ
リフレッシュトークン付きJWT、PKCE、レート制限、監査ログ。

アーキテクチャ

Authonは3つのコンポーネントで構成されています:

  • APIサーバー: 認証、ユーザー管理、OAuthフローを処理するNestJSバックエンド。
  • ダッシュボード: プロジェクト、ユーザー、プロバイダー、APIキーを管理するNext.js管理インターフェース。
  • クライアントSDK: React、Vue、Next.js、Node.jsなどのブラウザおよびサーバーSDK。

クイック例

3ステップで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 — ユニバーサル認証プラットフォーム