Developer example

Angular sample for standards-based OIDC login

Use the Angular sample when you want a predictable OIDC setup for a browser-based client without hiding the integration behind framework magic.

Angular + angular-oauth2-oidc SPA / public client with PKCE
View code on GitHub Back to developer docs Security guidance
Best for
  • Angular products that need a standards-first login flow and maintainable frontend auth code.
  • Operational portals and internal apps that start with direct user sign-in.
  • Teams that want a reusable baseline before adding richer identity and relationship logic.
What this sample shows
  • OIDC configuration for Angular with Authorization Code + PKCE.
  • How login, callback handling, and logout fit together in a browser client.
  • A practical baseline for teams that want protocol clarity instead of auth abstraction layers.
Integration model

Keep the Angular login flow standard and readable

This sample shows a straightforward Angular public-client integration. It works well for direct sign-in and browser-led user journeys. When the product later needs richer identity modelling, treat that as a product-layer concern instead of overloading the SPA login pattern.

These pages explain the sample on Tuurio's domain. GitHub remains the code host.

Stack
Angular + angular-oauth2-oidc
Pattern
SPA / public client with PKCE
Source code auth_samples_angular