Session-based vs token-based auth in Node.js - Visual Side-by-Side Comparison

Concept Flow - Session-based vs token-based auth

User sends login request

↓

Server verifies credentials

↓

Session-based Auth

↓

Create session on server

↓

Send session ID cookie

↓

Client stores cookie

↓

Server checks session ID

↓

Allow or deny access

↓

Logout

↓

Destroy session on server

This flow shows how a user logs in, and the server either creates a session stored on server or a token sent to client, then how each request is authenticated differently.

Execution Sample

Node.js

app.post('/login', (req, res) => {
  // Verify user
  // Session: req.session.user = userId
  // Token: const token = jwt.sign({id: userId}, secret)
  // Send session cookie or token
})

This code snippet shows a login route where server verifies user and either creates a session or generates a token.

Execution Table

Step	Action	Session-based Auth	Token-based Auth	Result
1	User sends login request	No session yet	No token yet	Server receives credentials
2	Server verifies credentials	Credentials valid?	Credentials valid?	Yes, proceed
3	Create auth data	Create session on server with user ID	Create JWT token with user ID payload	Auth data ready
4	Send auth data to client	Send session ID cookie	Send token in response body	Client receives auth data
5	Client stores auth data	Browser stores cookie automatically	Client stores token in memory or localStorage	Auth data stored
6	Client makes authenticated request	Browser sends cookie automatically	Client sends token in Authorization header	Request sent with auth
7	Server verifies auth	Check session ID in server store	Verify token signature and expiry	Auth verified or rejected
8	Access granted or denied	Allow or deny based on session	Allow or deny based on token	Response sent
9	User logs out	Client requests logout	Client deletes token locally	Session destroyed or token discarded
10	Server cleans up	Destroy session on server	No server cleanup needed	Logout complete
11	Next request	No session cookie, access denied	No token sent, access denied	User must login again
12	End	Session expired or destroyed	Token expired or deleted	Authentication ends

💡 Authentication ends when session is destroyed or token expires/deleted, user must login again.

Variable Tracker

Variable	Start	After Step 3	After Step 4	After Step 6	After Step 9	Final
sessionStore	{}	{ userId: 'abc123' }	{ userId: 'abc123' }	{ userId: 'abc123' }	{}	{}
sessionCookie	none	none	set in response	sent with request	deleted	none
token	none	eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...	sent in response	sent in Authorization header	deleted from client	none

Key Moments - 3 Insights

Why does session-based auth require server storage but token-based does not?

Session-based auth stores session data on the server (see sessionStore variable in execution_table step 3), so server must keep track. Token-based auth encodes user info in the token itself, so server just verifies token signature without storing session.

How does the client send authentication data differently in session vs token auth?

In session auth, the browser automatically sends the session cookie with each request (see sessionCookie in variable_tracker after step 6). In token auth, client code must add the token manually to the Authorization header.

What happens on logout in both methods?

In session auth, server destroys the session (sessionStore cleared at step 9). In token auth, client deletes the token locally; server usually does not track tokens.

Visual Quiz - 3 Questions

Look at the execution_table at step 3. What is created in token-based auth?

A A JWT token with user ID payload

B A cookie with session ID

C A session stored on the server

D A logout request

💡 Hint

Check the 'Token-based Auth' column at step 3 in execution_table

According to variable_tracker, what happens to sessionStore after logout?

A It remains unchanged

B It is cleared (empty object)

C It stores the token

D It stores the session cookie

💡 Hint

Look at sessionStore values after step 9 in variable_tracker

In session-based auth, how does the client send authentication data on requests?

A Includes token in request body

B Manually adds token to Authorization header

C Sends session cookie automatically

D Sends user ID in URL

💡 Hint

Refer to execution_table step 6 and variable_tracker sessionCookie after step 6

Concept Snapshot

Session-based Auth:
- Server stores session data
- Client gets session ID cookie
- Browser sends cookie automatically
- Server checks session on each request

Token-based Auth:
- Server creates signed token (JWT)
- Client stores token (localStorage or memory)
- Client sends token in Authorization header
- Server verifies token signature

Logout:
- Session destroyed on server
- Token deleted on client

Tokens are stateless; sessions require server memory.

Full Transcript

This visual execution compares session-based and token-based authentication in Node.js. When a user logs in, the server verifies credentials. For session-based auth, the server creates a session stored in memory or database and sends a session ID cookie to the client. The browser stores this cookie and sends it automatically with each request. The server checks the session ID to authenticate. For token-based auth, the server creates a signed JWT token containing user info and sends it to the client. The client stores the token and sends it manually in the Authorization header on requests. The server verifies the token signature and expiry to authenticate. On logout, session-based auth destroys the session on the server, while token-based auth requires the client to delete the token. This means session-based auth needs server storage and management, while token-based auth is stateless and easier to scale. The execution table and variable tracker show each step and how data changes. Key moments clarify common confusions about storage, client sending methods, and logout behavior.