DiagramHub · Gallery

OAuth Login Flow Architecture Diagram

Live diagram ↗
Diagram source (application/json)
{
 "schema_version": 1,
 "diagram_type": "architecture",
 "meta": {
  "title": "oauth login flow: browser redirects to identity provider, ca"
 },
 "components": [
  {
   "id": "n1",
   "type": "security",
   "label": "oauth login flow: browser redirects",
   "pos": [
    40,
    300
   ],
   "size": [
    306,
    60
   ]
  },
  {
   "id": "n2",
   "type": "backend",
   "label": "identity provider",
   "pos": [
    416,
    300
   ],
   "size": [
    170,
    60
   ]
  },
  {
   "id": "n3",
   "type": "backend",
   "label": "callback exchanges code for token",
   "pos": [
    656,
    300
   ],
   "size": [
    291,
    60
   ]
  },
  {
   "id": "n4",
   "type": "database",
   "label": "session store redis issues cookie",
   "pos": [
    1017,
    300
   ],
   "size": [
    291,
    60
   ]
  },
  {
   "id": "n5",
   "type": "frontend",
   "label": "web app",
   "pos": [
    1378,
    300
   ],
   "size": [
    150,
    60
   ]
  }
 ],
 "connections": [
  {
   "from": "n1",
   "to": "n2"
  },
  {
   "from": "n2",
   "to": "n3"
  },
  {
   "from": "n3",
   "to": "n4"
  },
  {
   "from": "n4",
   "to": "n5"
  }
 ]
}

Published 2026-09-25T20:22:47.596Z · 779 KB self-contained · sha256 e9aef7ddab08ebc20f15cba1548b2c5e3823f464bf42d152ab02bc05c24ad9e0