How Flask processes HTTP requests - Visual Walkthrough

Concept Flow - How Flask processes HTTP requests

Client sends HTTP request

↓

Flask server receives request

↓

Flask matches URL to route

↓

Calls associated view function

↓

View function processes data

↓

View function returns response

↓

Flask sends HTTP response back to client

This flow shows how Flask takes an HTTP request, finds the right code to run, runs it, and sends back a response.

Execution Sample

Flask

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
    return 'Hello, Flask!'

This code sets up a Flask app with one route '/' that returns a greeting.

Execution Table

Step	Action	Input/Condition	Result/Output
1	Client sends HTTP GET request to '/'	Request: GET /	Request received by Flask server
2	Flask matches URL '/' to route	URL = '/'	Route '/' found, linked to home() function
3	Flask calls home() function	Call home()	home() runs and returns 'Hello, Flask!'
4	Flask creates HTTP response	Response content = 'Hello, Flask!'	HTTP 200 OK response ready
5	Flask sends response back to client	Send response	Client receives 'Hello, Flask!' message
6	Request processing complete	No more actions	Cycle ends, server waits for next request

💡 Request processed fully; response sent back to client

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 4	Final
request	None	GET /	GET /	GET /	None (request handled)
route_matched	None	'/'	'/'	'/'	'/'
response_content	None	None	'Hello, Flask!'	'Hello, Flask!'	'Hello, Flask!'

Key Moments - 3 Insights

How does Flask know which function to run for a URL?

Flask uses the route decorator to match the URL path to the function, as shown in step 2 of the execution_table.

What happens if the view function returns a string?

Flask automatically converts the string into an HTTP response with status 200, as seen in step 4.

When does Flask send the response back to the client?

After the view function returns and Flask creates the response, it sends it immediately, as shown in step 5.

Visual Quiz - 3 Questions

Look at the execution_table, what is the output of the home() function at step 3?

A None

B 'Hello, Flask!'

C 'Welcome home!'

D 'Error 404'

💡 Hint

Check the 'Result/Output' column at step 3 in the execution_table.

At which step does Flask match the URL to the route?

A Step 2

B Step 1

C Step 4

D Step 5

💡 Hint

Look at the 'Action' column to find when URL matching happens.

If the home() function returned a JSON response instead of a string, which step would change?

A Step 2

B Step 3

C Step 4

D Step 5

💡 Hint

Consider where Flask creates the HTTP response from the view function's return value.

Concept Snapshot

Flask processes HTTP requests by:
1. Receiving the request
2. Matching the URL to a route
3. Calling the linked view function
4. Creating an HTTP response from the return value
5. Sending the response back to the client
Use @app.route to link URLs to functions.

Full Transcript

When a client sends an HTTP request to a Flask server, Flask first receives the request. It then looks at the URL path and matches it to a route defined in the app using the @app.route decorator. Once it finds the matching route, Flask calls the associated view function. The view function runs and returns a response, often a string or JSON. Flask takes this return value and creates an HTTP response object. Finally, Flask sends this response back to the client. This cycle repeats for every request the server receives.

Practice

1. What does Flask use to decide which function should handle an incoming HTTP request?

easy

A. The route URL pattern defined with @app.route

B. The order in which functions are defined in the code

C. The size of the HTTP request body

D. The IP address of the client

Solution

1. Step 1: Understand Flask routing

   Flask uses route decorators like @app.route to map URLs to functions.

2. Step 2: Match incoming request URL

   When a request comes, Flask matches its URL to the route patterns to find the right function.

3. Final Answer:

   The route URL pattern defined with @app.route -> Option A

4. Quick Check:

   Routing = @app.route [OK]

Hint: Routes connect URLs to functions in Flask [OK]

Common Mistakes:

• Thinking function order matters
• Confusing client IP with routing
• Using request size to route

2. Which of the following is the correct way to define a Flask route that only accepts POST requests?

easy

A. @app.route('/submit', methods=['GET'])

B. @app.route('/submit', accept='POST')

C. @app.route('/submit', methods=['POST'])

D. @app.route('/submit', method='POST')

Solution

1. Step 1: Check correct syntax for methods argument

   Flask route decorator uses methods=['POST'] to specify allowed HTTP methods.

2. Step 2: Identify the correct option

   @app.route('/submit', methods=['POST']) uses methods=['POST'], which is the correct syntax.

3. Final Answer:

   @app.route('/submit', methods=['POST']) -> Option C

4. Quick Check:

   methods=['POST'] sets POST only [OK]

Hint: Use methods=['POST'] to allow only POST requests [OK]

Common Mistakes:

• Using method instead of methods
• Using accept instead of methods
• Allowing GET instead of POST

3. Given this Flask code snippet:

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

@app.route('/greet', methods=['POST'])
def greet():
    name = request.form.get('name', 'Guest')
    return f'Hello, {name}!'

What will be the response if a POST request is sent to '/greet' with form data name='Alice'?

medium

A. Hello, Guest!

B. Hello, Alice!

C. Hello, None!

D. Error: Missing name parameter

Solution

1. Step 1: Understand request.form.get usage

   The code tries to get 'name' from form data; if missing, defaults to 'Guest'.

2. Step 2: Analyze the POST request data

   The POST request includes name='Alice', so request.form.get('name') returns 'Alice'.

3. Final Answer:

   Hello, Alice! -> Option B

4. Quick Check:

   Form data name='Alice' returns 'Hello, Alice!' [OK]

Hint: request.form.get returns form value or default [OK]

Common Mistakes:

• Assuming default 'Guest' always used
• Confusing GET and POST data
• Expecting error if parameter missing

4. What is wrong with this Flask route code?

@app.route('/data', methods=['GET', 'POST'])
def data():
    if request.method == 'POST'
        return 'Posted data'
    else:
        return 'Get data'

medium

A. Missing colon after if statement

B. request.method is not valid in Flask

C. Route decorator should not have methods argument

D. Function name cannot be 'data'

Solution

1. Step 1: Check syntax of if statement

   The if statement lacks a colon at the end, causing a syntax error.

2. Step 2: Verify other parts

   request.method is valid, methods argument is correct, function name is allowed.

3. Final Answer:

   Missing colon after if statement -> Option A

4. Quick Check:

   if statement needs colon [OK]

Hint: Check colons after if/else statements [OK]

Common Mistakes:

• Forgetting colon after if
• Thinking request.method is invalid
• Misunderstanding methods argument

5. You want to create a Flask route '/submit' that accepts both GET and POST requests. When accessed by GET, it should show a form. When accessed by POST, it should process form data and return a confirmation message. Which code snippet correctly implements this behavior?

hard

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

@app.route('/submit', methods=['GET', 'POST'])
def submit():
return 'Submit page'

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

@app.route('/submit')
def submit():
if request.method == 'POST':
return 'Data received'
else:
return ''

C. from flask import Flask
app = Flask(__name__)

@app.route('/submit', methods=['POST'])
def submit():
return 'Only POST allowed'

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

@app.route('/submit', methods=['GET', 'POST'])
def submit():
if request.method == 'POST':
data = request.form.get('data')
return f'Data received: {data}'
else:
return ''''''

Solution

1. Step 1: Check methods argument

   from flask import Flask, request app = Flask(__name__) @app.route('/submit', methods=['GET', 'POST']) def submit(): if request.method == 'POST': data = request.form.get('data') return f'Data received: {data}' else: return '''''' correctly uses methods=['GET', 'POST'] to accept both request types.

2. Step 2: Verify request method handling

   from flask import Flask, request app = Flask(__name__) @app.route('/submit', methods=['GET', 'POST']) def submit(): if request.method == 'POST': data = request.form.get('data') return f'Data received: {data}' else: return '''''' checks request.method and returns form HTML for GET and processes form data for POST.

3. Step 3: Compare other options

   The other options either miss methods argument, do not handle both methods properly, or do not return form on GET.

4. Final Answer:

   The code snippet that uses methods=['GET', 'POST'], checks request.method, returns form for GET and processes data for POST -> Option D

5. Quick Check:

   methods=['GET','POST'] + if request.method [OK]

Hint: Use methods=['GET','POST'] and check request.method [OK]

Common Mistakes:

• Not specifying methods argument
• Not checking request.method
• Returning same response for all methods