Mermaid Diagram Generator n Editor

OAuth Login Flow

The authorization-code exchange between a browser, your app, and an identity provider.

Mermaid source
sequenceDiagram
    participant U as User
    participant A as App
    participant I as Identity Provider
    U->>A: Click "Sign in"
    A->>I: Redirect with client_id
    I->>U: Prompt for credentials
    U->>I: Submit credentials
    I->>A: Redirect with auth code
    A->>I: Exchange code for token
    I-->>A: Access token
    A-->>U: Signed in
OAuth Login FlowOpen in editor →

Category: Architecture · Tags: auth, oauth, sequence