Sign in with OAuth
make-diagram · Claude Haiku · low effort · Claude Code · 17 Oct 2026
Play story
Explore
Fit
−
100%
+
Animate: Off
Full screen
SVG
PNG
Sign in with OAuth
sequence diagram with 4 participants and 9 messages.
🧑
ACTOR
User
🌐
SERVICE
Web app
🔐
SERVICE
Auth server
🔌
SERVICE
API
starts sign-in
redirects to authorize
asks for consent
grants consent
sends authorization code
exchanges code for token
returns access token
calls API with token
returns profile
1 actor
3 service
call
reply
1 actor
3 service
call
reply
Sign in with OAuth
Participants
User (actor)
Web app
Auth server
API
Messages in order
User → Web app: starts sign-in
Web app → Auth server: redirects to authorize
Auth server → User: asks for consent
User → Auth server: grants consent
Auth server → Web app: sends authorization code
Web app → Auth server: exchanges code for token
Auth server → Web app: returns access token (reply)
Web app → API: calls API with token
API → Web app: returns profile (reply)