Skip to main content

HTTP & Sessions

 HTTP & Sessions

One of the main protocols (rules that govern how computers communicate) on the web is called HTTP.


HTTP is what is known as a stateless protocol. This means that it doesn't 'remember' things.


It's a bit like having a conversation with a goldfish. You can ask a question and get a reply, but when you ask a follow up question, the original has already been forgotten, as has who you are and what you were talking about.


So if HTTP is stateless, how come my news site remembers to give me the weather for my home town, my preferred South American river based online store tells me when it's time to order more multivitamins, and I'm justifiably proud of my #100days success streak?


The answer is.........


Sessions

Sessions are a way of storing files on your computer that allows a website to keep a record of previous 'conversations' and 'questions' you've asked.


By using sessions, we can store this info about the user to access later. This is really useful when creating things such as login systems.


By default, a session is active until the browser closes, but we can adjust that later on.


 Let's get sessions going by importing all the classics: importing session and adding a key to our app definition.


The key will be used to encrypt the data stored by the session, so that the user can't access it. The key should be something long, difficult to guess and not stored in the source code. I'm going to use the Replit secrets feature to store the key.


My key is just a meaningless string, but you can make it whatever you want. Once you create the key, you can choose 'insert' to add it to your code below:

    






 Now I'm going to create the code and insert my key (NOTE: you will need to insert the session key each time you run the code):


from flask import Flask, request, redirect, session # extra session import

import os


app = Flask(__name__)

app.secret_key = os.environ['sessionKey'] # new line to include the key, inside [''] is the key you created


@app.route('/')


def index():

  return 'Hello from Flask!'


app.run(host='0.0.0.0', port=81)



Information from the user

👉 Next, I want to get some information from the user, so I've created a quick HTML form and imported it into Flask. Here's the code (but I already did it for you. You're welcome. 😆):


from flask import Flask, request, redirect, session

import os


app = Flask(__name__)

app.secret_key = os.environ['sessionKey']


@app.route('/')


def index():

########################### NEW BIT

  # Import the form page

  page = ""

  f = open("form.html", "r")

  page = f.read()

  f.close()

  return page

##############################

app.run(host='0.0.0.0', port=81)



Import the form page


from flask import Flask, request, redirect, session

import os


app = Flask(__name__)

app.secret_key = os.environ['sessionKey']


@app.route('/')


def index():

########################### NEW BIT

  # Import the form page

  page = ""

  f = open("form.html", "r")

  page = f.read()

  f.close()

  return page

##############################

app.run(host='0.0.0.0', port=81)



Store the name

👉 Now I want to store the name entered by the user in a session. To do this I will define a page that makes this happen. In the subroutine, I'm going to add this code session["myName"] = request.form["name"] which works like a dictionary entry, with a key called myName and the value being set to the data from the form.


Then I'm going to send the user back to the homepage using return redirect("/").


Here's the whole code:


from flask import Flask, request, redirect, session

import os


app = Flask(__name__)

app.secret_key = os.environ['sessionKey']


@app.route('/')


def index():

  page = ""

  f = open("form.html", "r")

  page = f.read()

  f.close()

  return page


###### NEW BIT #######################

@app.route("/setName", methods=["POST"])


def setName():

  session["myName"] = request.form["name"]

  return redirect("/")

############################################

app.run(host='0.0.0.0', port=81)


Pull out session data

👉 Now let's see if we can pull that session data out and show it on screen so we can see if it's worked.


To do this, I need to change a few things in the index subroutine. Here's the original:


def index():

  # Import the form page

  page = ""

  f = open("form.html", "r")

  page = f.read()

  f.close()

  return page


And here's the new version. I've added:


An if statement to check if that key actually exists.

session.get to assign the variable if it does.

+= To append the data to the page


def index():

  page = ""

  myName = ""

  if session.get("myName"):

    myName = session["myName"]

  page += f"<h1>{myName}</h1>"

  f = open("form.html", "r")

  page += f.read()

  f.close()

  return page

BIG NOTE

This won't appear to work if you only run it in the mini browser in Replit as it doesn't store session data. You need to open the site in a separate tab (the button on the far right) to test it properly.




Cookies! Cookies!

Sessions are effectively cookies on the user's computer. So, we really need a way to delete them too.


👉 I'm going to create a button that forwards us to a page to do that. Here's the form code with the extra button. Update the code in 'form.html' in your file tree to match the code below:



<form method="post" action="setName">

  <p>Name: <input type="text" name="name"></p>

  <button type="submit">Submit</button>

  <button type="button" onclick="location.href='/reset'">Reset</button>

</form>


Reset

👉 Next, let's build the 'reset' page. I've used session.clear() to clear the session (deletes all the stored data) and included a redirect to send us back to the main page.


@app.route("/reset")

def reset():

  session.clear()

  return redirect("/")


Remember to open the site in a separate tab to test if it is working properly.


Comments

Post a Comment

Popular posts from this blog

ALL ABOUT WHILE LOOP

 WHILE LOOP  A  while  loop allows your code to repeat itself based on a condition you set.   EXAMPLE : counter = 0 while counter < 10:   print(counter)   counter +=1 Infinite Loop  You have to be  really  careful that you don't accidentally invoke an infinite loop! This is where the computer will loop code until the end of time. Without a break. Forever.  This is just saying "count to 10 by 1 each time." to make the loop end. Don't forget, if your  condition  is a  >  then you might need to  -= . This will subtract from the variable instead of adding to it.   EXAMPLE : counter = 0 while counter < 10:   print(counter)    counter += 1
Post a Comment
Read more

Automate! Automate!

 Making this customizable 👉So how about making our search user customizable? In the code below, I have: Asked the user to input an artist (line 14) Tidied up their input (line 15) formatted the search URL as an fString that includes the artist (line 19) Here's tAutomate! Automate! We are so close. I can taste it, folks! Massive kudos on getting this far! Today's lesson, however, will work best if you have one of Replit's paid for features (hacker plan or cycles). Free plan Repls 'fall asleep' after a while. Automation kinda relies on the Repl being always on. If you have hacker plan or you've bought some cycles, then you can enable always on in the drop down menu that appears when you click your Repl name (top left).he code: This is important because when our repl is always running, it can keep track of time and schedule events. 👉 I've set up a simple schedule that prints out a clock emoji every couple of seconds. It works like this: Import schedule librar...
Post a Comment
Read more

WHAT IS Nesting

 WHAT IS Nesting  Nesting is where we put an  if  statement within an  if  statement using the power of indenting. The second  if  statement within the first  if  statement must be indented and its  print  statement needs to be indented one more time.  EXAMPLE:
Post a Comment
Read more