oidc client Download - oidc client Quellcode herunterladen

oidc client

AI-Quellcode

v7.23.1

Herunterladen

@Axa-FR/OIDC-Client

Um
Erste Schritte
Laufen Sie die Demos
Wie es funktioniert
Pakete
- @axa-fr/oidc-client
- @axa-fr/react-oidc
- @axa-fr/svelte-oidc : Wir suchen einen Mitwirkenden
- @axa-fr/vue-oidc : Wir suchen einen Mitwirkenden
- @axa-fr/angular-oidc : Wir suchen einen Mitwirkenden
FAQ
Migrationen
Beitragen

Um

@Axa-FR/OIDC-Client Die leichteste und sicherste Bibliothek zur Verwaltung der Authentifizierung mit OpenID Connect (OIDC) und OAuth2-Protokoll. Es ist mit allen OIDC -Anbietern kompatibel. @Axa-FR/OIDC-Client ist eine reine JavaScript-Bibliothek. Es funktioniert mit einem JavaScript -Framework oder einer Bibliothek. @axa-FR/react-oidc ist für React (kompatibel Next.js usw.). Wir erwarten, dass sie bald einen für Vue , Angular und Sufle liefern.

Demos:

Versuchen Sie die React-Demo unter https://black-rock-0dc6b0d03.1.azurestaticapps.net/ (am meisten fortgeschritten)
Probieren Sie die Pure JavaScript-Demo unter https://icy-glacier-004ab4303.2.azurestaticapps.net/

@Axa-FR/OIDC-Client ist:

Sicher :
- Mit dem Nachweis von Besitznachweisen (DPOP) sind Ihr Access_Token und Refresh_Token außerhalb Ihres Browser -Kontextes nicht verwendbar (großer Schutz)
- Mit der Verwendung von Servicemitarbeitern sind Ihre Token (ReABRESH_TOOKE und/oder ACCED_TOKE) für den JavaScript -Client -Code nicht zugänglich (wenn Sie gute Praktiken aus dem Abschnitt FAQ befolgen)
- OIDC unter Verwendung von Client Side Code -Anmeldeinformationszuschuss nur mit PKCE
Leichtes Gewicht : Die ausgepackte Größe auf NPM beträgt 274 kb , minifiziert 61.1kB , Minified+Gziped 16.8kB PKG -Statistiken über bündelphobia.com
Einfach
- Refresh_Token und Access_Token sind im Hintergrund automatisch aktualisiert
- Mit der Verwendung des Servicearbeiter müssen Sie nicht die in jedem Abruf auf die Access_Token einfügen. Sie müssen nur oidCtrusteddomains.js -Datei konfigurieren
Multiple Authentifizierung :
- Sie können sich mit unterschiedlichem Umfang mehrmals mit demselben Anbieter authentifizieren (zum Beispiel können Sie einen neuen "Zahlungsumfang" für eine Zahlung erwerben).
- Sie können sich mit mehreren verschiedenen Anbietern in derselben SPA -Website (Single -Page -Anwendung) authentifizieren
Flexibel :
- Arbeiten Sie mit Service Worker (sicherer) und ohne älteren Browser (weniger sicher).
- Sie können Servicearbeiter deaktivieren, wenn Sie möchten (aber weniger sicher) und einfach SessionStorage- oder LocalStorage -Modus verwenden.

Funktioniert vollkommen gut mit:

Auth0
Duende Identity Server
Identitätsserver 4
Azure ad
Google
AWS
Schlüsselcloak
usw., alle OIDC -Anbieter

Erste Schritte

Erste Schritte mit @axa-fr/oidc-Client

npm install @axa-fr/oidc-client --save

# To install or update OidcServiceWorker.js file, you can run
node ./node_modules/@axa-fr/oidc-client/bin/copy-service-worker-files.mjs public

# If you have a "public" folder, the 2 files will be created :
# ./public/OidcServiceWorker.js <-- will be updated at each "npm install"
# ./public/OidcTrustedDomains.js <-- won't be updated if already exist

Warnung

Wenn Sie Service Worker -Modus verwenden, sollte die Datei OidcServiceWorker.js immer über die Version der Bibliothek auf dem neuesten Stand sein. Sie können ein Postinstall -Skript in Ihre package.json -Datei einrichten, um es bei jeder NPM -Installation zu aktualisieren. Zum Beispiel :

  "scripts" : {
    ...
    "postinstall" : " node ./node_modules/@axa-fr/oidc-client/bin/copy-service-worker-files.mjs public "
  },

Weitere Dokumentation:

@axa-fr/oidc-client

Erste Schritte mit @axa-fr/react-oidc

npm install @axa-fr/react-oidc --save

# To install or update OidcServiceWorker.js file, you can run
node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public

# If you have a "public" folder, the 2 files will be created :
# ./public/OidcServiceWorker.js <-- will be updated at each "npm install"
# ./public/OidcTrustedDomains.js <-- won't be updated if already exist

Warnung

Wenn Sie Service Worker-Modus verwenden, sollte die Datei oidcServiceWorder.js.js immer über die Version der Bibliothek auf dem Laufenden sein. Sie können ein Postinstall -Skript in Ihre Paket.json -Datei einrichten, um es bei jeder NPM -Installation zu aktualisieren. Zum Beispiel :

  "scripts" : {
    ...
    "postinstall" : " node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public "
  },

Weitere Dokumentation:

@axa-fr/react-oidc

Laufen Sie die Demos

git clone https://github.com/AxaFrance/oidc-client.git

cd oidc-client
pnpm install

# oidc client demo
cd examples/oidc-client-demo
pnpm install
pnpm start
# then navigate to http://localhost:5174

# react vite demo
cd examples/react-oidc-demo
pnpm install
pnpm start
# then navigate to http://localhost:4200

# react NextJS demo
cd examples/nextjs-demo
pnpm install
pnpm run dev
# then navigate to http://localhost:3001

Wie es funktioniert

Der Service Worker Catch Access_Token und Refresh_Token , der dem Client niemals zugänglich ist.

Diese Komponenten umfassen die Verwendung von " @axa-fr/oidc-client ", um die Komplexität der Workflow auszublenden. Innen für " @axa-fr/react-oidc " wird native History-API als agnostische Routerbibliothek verwendet.

Weitere Informationen zu OIDC:

Französisch: Augmentez la Sécurité et la Simplecicle de Votre Système d'Foint OpenID Connect
Englisch: Erhöhen Sie die Sicherheit und Einfachheit Ihres Informationssystems mit OpenID Connect
Englisch: YouTube React-oidc Einführung
Französisch: YouTube React-oidc Einführung