Developer-Beispiel

Vue-3-Sample fuer standardskonformen OIDC-Login

Nutzen Sie das Vue-3-Sample, wenn Sie eine saubere SPA-Basis fuer modernen OIDC-Login brauchen, ohne einen eigenen Browser-Auth-Flow zu erfinden.

Vue 3 + oidc-client-ts SPA / Public Client mit PKCE
Code auf GitHub ansehen Zurueck zur Developer-Doku Security-Hinweise
Geeignet fuer
  • Vue-Teams, die Mitgliederportale, Self-Service-Frontends oder interne Browser-Tools bauen.
  • Projekte, die vor produktspezifischer Identity-Logik erst eine funktionierende Login-Basis wollen.
  • Teams, die standardskonformes OIDC gegen Framework-Abkuerzungen bevorzugen.
Was dieses Sample zeigt
  • Authorization Code + PKCE in einer Vue-3-Anwendung.
  • Struktur fuer Login, Callback und Logout in einem wartbaren SPA-Flow.
  • Eine belastbare Basis, bevor Rechte, Profilansichten oder delegierte Bearbeitung daruebergelegt werden.
Integrationsmodell

Eine saubere SPA-Login-Basis nutzen und das Identitaetsmodell erst bei Bedarf erweitern

Dieses Sample haelt die Vue-3-Integration bei standardisiertem Browser-Sign-in. Das passt fuer direkten Self-Service-Zugang. Wenn Ihr Produkt spaeter Managed Profiles oder delegierte Bearbeitung braucht, sollten diese Faehigkeiten explizit im Identitaetsmodell entstehen und nicht in ein einfaches Frontend-Account-Modell gepresst werden.

Diese Seiten erklaeren das Sample auf Tuurios eigener Domain. GitHub bleibt der Code-Host.

Stack
Vue 3 + oidc-client-ts
Muster
SPA / Public Client mit PKCE
Quellcode auth_samples_vue3