Erste Schritte

Übersicht

Authon ist eine universelle Authentifizierungsplattform, die Ihnen sofort einsatzfähige Auth für jede App bereitstellt — OAuth-Anbieter, passwortlose Anmeldung, Magic-Links und JWT-Token, alles vollständig verwaltet.

Was ist Authon?

Authon übernimmt die Komplexität der Authentifizierung, damit Sie sich auf die Entwicklung Ihres Produkts konzentrieren können. Es bietet einen gehosteten Authentifizierungsdienst mit vorgefertigten UI-Komponenten, einem Entwickler-SDK für 15+ Plattformen und einem leistungsstarken Dashboard zur Verwaltung von Benutzern, Sitzungen und OAuth-Anbietern.

Stellen Sie es sich als eine selbst gehostete Alternative zu Clerk oder Auth0 vor, mit voller Kontrolle über Ihre Daten und einem vollständig anpassbaren Anmeldeerlebnis.

Hauptfunktionen

20+ OAuth-Anbieter
Google, Apple, GitHub, Kakao, Naver, Discord und mehr.
Passwortlose Anmeldung
Magic-Links und E-Mail-OTP sofort einsatzbereit.
SDK für 15 Plattformen
React, Vue, Next.js, Angular, React Native und mehr.
Anpassbare UI
Gestalten Sie Ihr Anmelde-Modal mit Farben, Logos und Dunkel-/Helldesigns.
Webhook-Ereignisse
Echtzeit-Ereignisse für Benutzerregistrierung, Anmeldung, Sperren und mehr.
Unternehmenssicherheit
JWT mit Aktualisierungstoken, PKCE, Ratenbegrenzung und Audit-Protokolle.

Architektur

Authon besteht aus drei Komponenten:

  • API-Server: NestJS-Backend, das Authentifizierung, Benutzerverwaltung und OAuth-Flows verwaltet.
  • Dashboard: Next.js-Verwaltungsoberfläche zur Verwaltung von Projekten, Benutzern, Anbietern und API-Schlüsseln.
  • Client-SDKs: Frontend-SDKs für React, Vue, Next.js und mehr.

Schnellbeispiel

Fügen Sie einer React-App in drei Schritten Authentifizierung hinzu:

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>
  );
}
Bereit loszulegen?
Folgen Sie dem 5-Minuten-Schnellstart, um Authon zu Ihrer App hinzuzufügen.
Schnellstart
Authon — Universelle Authentifizierungsplattform