Sequence: OAuth 2.0 Flow

Full OAuth 2.0 authorization code flow with token exchange.

sequence-oauth-2-0-flow.mmd
sequenceDiagram
  actor U as User
  participant App as Client App
  participant Auth as Auth Server
  participant API as Resource API
  U->>App: Click Login
  App->>Auth: Authorization request
  Auth->>U: Login page
  U->>Auth: Credentials
  Auth-->>App: Authorization code
  App->>Auth: Exchange code for token
  Auth-->>App: Access token
  App->>API: Request + token
  API-->>App: Protected resource
  App-->>U: Display data
Output
Sequence diagram, Zombie Mermaid Click Login Authorization request Login page Credentials Authorization code Exchange code for token Access token Request + token Protected resource Display data User Client App Auth Server Resource API

More Sequence diagram examples