How cookies work in HTTP in Flask - Why You Should Know This

The Big Idea

Discover how tiny bits of data called cookies make your web experience smooth and personal!

The Scenario

Imagine you visit an online store and add items to your cart. Now, every time you click to view another page, the website forgets what you added because it treats each page as a brand new visit.

The Problem

Without cookies, the website has no easy way to remember your choices between pages. Developers would have to pass data manually through URLs or forms, which is slow, clunky, and can expose private info.

The Solution

Cookies let the website store small pieces of information on your browser. This way, the server can recognize you on each request and remember your cart or login status automatically.

Before vs After

✗ Before

response = make_response(render_template('page.html'))
# No way to remember user data between requests

✓ After

response = make_response(render_template('page.html'))
response.set_cookie('cart', 'item1,item2')

What It Enables

Cookies enable websites to create smooth, personalized experiences by remembering you across multiple visits and pages.

Real Life Example

When you log into a social media site, cookies keep you logged in as you browse different pages without asking for your password again.

Key Takeaways

Cookies store small data on the user's browser to remember information.

They solve the problem of stateless HTTP by linking requests to a user session.

This makes websites more user-friendly and interactive.

Practice

1. What is the main purpose of cookies in HTTP when using Flask?

easy

A. To store small pieces of data on the user's browser for later use

B. To increase the speed of the Flask server

C. To encrypt user data on the server

D. To manage database connections automatically

Solution

1. Step 1: Understand what cookies do in HTTP

   Cookies store small data on the user's browser to remember information between requests.

2. Step 2: Identify Flask's use of cookies

   Flask uses cookies to save user preferences or login info on the client side.

3. Final Answer:

   To store small pieces of data on the user's browser for later use -> Option A

4. Quick Check:

   Cookies store data on browser = D [OK]

Hint: Cookies save small data on browser, not server speed [OK]

Common Mistakes:

• Thinking cookies speed up the server
• Confusing cookies with encryption
• Assuming cookies manage databases

2. Which Flask method is used to set a cookie in the HTTP response?

easy

A. request.set_cookie()

B. request.cookies()

C. response.set_cookie()

D. response.cookies()

Solution

1. Step 1: Recall Flask's cookie setting method

   Cookies are set on the response object, not the request.

2. Step 2: Identify the correct method

   The method to set a cookie is set_cookie() on the response object.

3. Final Answer:

   response.set_cookie() -> Option C

4. Quick Check:

   Set cookie on response = C [OK]

Hint: Set cookies on response, read from request [OK]

Common Mistakes:

• Using request.set_cookie() instead of response.set_cookie()
• Confusing request.cookies() as a setter
• Using response.cookies() which does not exist

3. Given this Flask code snippet, what will be printed when the client sends a cookie named 'user' with value 'Alice'?

from flask import Flask, request
app = Flask(__name__)

@app.route('/')
def index():
    user = request.cookies.get('user')
    return f'Hello, {user}!'

medium

A. Hello, Alice!

B. Hello, !

C. Hello, None!

D. Hello, user!

Solution

1. Step 1: Understand how Flask reads cookies

   The code uses request.cookies.get('user') to get the cookie value named 'user'.

2. Step 2: Check the cookie value sent by client

   The client sends a cookie 'user' with value 'Alice', so user variable will be 'Alice'.

3. Final Answer:

   Hello, Alice! -> Option A

4. Quick Check:

   Cookie 'user' = Alice, output = A [OK]

Hint: request.cookies.get('name') returns cookie value or None [OK]

Common Mistakes:

• Assuming cookie value is None if present
• Forgetting to use .get() method
• Confusing cookie name with literal string

4. What is wrong with this Flask code that tries to set a cookie?

from flask import Flask, request
app = Flask(__name__)

@app.route('/')
def index():
    response = 'Hello'
    response.set_cookie('theme', 'dark')
    return response

medium

A. The cookie name 'theme' is invalid

B. You cannot set cookies on a string response object

C. The set_cookie method requires a third argument

D. Flask does not support cookies

Solution

1. Step 1: Identify the response object type

   The variable response is a string, not a Flask response object.

2. Step 2: Understand how to set cookies in Flask

   Cookies can only be set on a response object, like one created by make_response(), not on a plain string.

3. Final Answer:

   You cannot set cookies on a string response object -> Option B

4. Quick Check:

   Set cookies on response object, not string = B [OK]

Hint: Use make_response() to set cookies, not plain strings [OK]

Common Mistakes:

• Trying to set cookies on string instead of response object
• Thinking cookie names must be special
• Believing set_cookie needs extra arguments always

5. You want to create a Flask route that sets a cookie named 'visited' with value 'yes' that expires in 1 day. Which code correctly does this?

hard

A. from flask import make_response
@app.route('/')
def index():
resp = make_response('Welcome')
resp.cookies['visited'] = 'yes'
return resp

B. @app.route('/')
def index():
response = 'Welcome'
response.set_cookie('visited', 'yes', max_age=86400)
return response

C. from flask import request
@app.route('/')
def index():
request.set_cookie('visited', 'yes', max_age=86400)
return 'Welcome'

D. from flask import make_response
@app.route('/')
def index():
resp = make_response('Welcome')
resp.set_cookie('visited', 'yes', max_age=86400)
return resp

Solution

1. Step 1: Identify how to create a response object

   Use make_response() to create a response object to set cookies.

2. Step 2: Set cookie with expiration

   Use set_cookie() with max_age=86400 (seconds in 1 day) to set expiration.

3. Step 3: Check each option

   from flask import make_response @app.route('/') def index(): resp = make_response('Welcome') resp.set_cookie('visited', 'yes', max_age=86400) return resp correctly uses make_response and set_cookie with max_age. Others either set cookie on string or request or use wrong syntax.

4. Final Answer:

   resp.set_cookie('visited', 'yes', max_age=86400) -> Option D

5. Quick Check:

   Use make_response + set_cookie + max_age = A [OK]

Hint: Use make_response and set_cookie with max_age for expiry [OK]

Common Mistakes:

• Setting cookie on string instead of response object
• Trying to set cookie on request object
• Using resp.cookies dict instead of set_cookie method