Flask Installasjon og Routes

Litt Teori 💤😴

Først og fremst, hva er Flask? Flask er et lightweight rammeverk for å lage web-applikasjoner. Selv om det er lightweight, betyr ikke det at det er dårlig! Tvert i mot, det er faktisk det nest mest brukte rammeverket for Python innen web-rammeverk. Første plass går til Django.

Kort forklart: Flask gir deg muligheten til å lage en web-server!

Når dere jobbet med HTML/CSS/JavaScript i fjor “kjørte” dere bare HTML sidene direkte i nettleseren. Tilsvarende, når dere lagde Python programmer kjørte dere bare filene i VS Code.

Men nå skal vi lage en web-server, altså en “back-end” (store fagord, i know 🤓). Denne bruker Python til å “levere” HTML nettsider til en bruker.

Del 1 - Installasjon

# imports
from flask import Flask

# opprett en flask server
app = Flask(__name__)

# vi lager en "rute" for hovedsiden som er "/"
@app.route("/")
def hello():
    return "Hello World!"

# for øyeblikket bruker vi bare dette for å starte programmet
if __name__ == "__main__":
    app.run(debug=True)

Del 2 - Enkle Routes

Nå som vi har en basic app skal vi se på det første Flask-konseptet: “Routes”!

Oppgave 1 - Basic routes

La oss legge til en basic route. Vi skal lage en route som vil gi deg en vits dersom du skriver /joke i nettside-lenken.

Her må vi ta i bruk et nytt Python-konsept dere ikke har sett før! En decorator. Det er en spesiell funksjon som modifiserer eller utvider funksjonaliteten til en allerede eksisterende funksjon, uten å endre på funksjonen.

Se på den følgende koden:

@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

Her kan du se at vi lagt til @app.route("/joke"). Denne decorator-en forteller til app-en vår at denne funksjonen skal være en route med verdien /joke.

Legg til denne koden etter @app.route("/"). Prøv å kjøre koden, hva skjer? For øyeblikket, ingenting! Men alt du trenger for å hente den fantastisk morsomme vitsen din er å skrive http://127.0.0.1:5000/joke. Da har du fortalt til web-serveren at du skal hente fra /joke.

# imports
from flask import Flask

# opprett en flask server
app = Flask(__name__)

# vi lager en "rute" for hovedsiden som er "/"
@app.route("/")
def hello():
    return "Hello World!"

# ny rute for å hente en vits
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# for øyeblikket bruker vi bare dette for å starte programmet
if __name__ == "__main__":
    app.run(debug=True)

Vi skal senere se på hvordan vi kan sende hele nettsider via disse i Level 2.

Oppgave 2 - Routes med parametre

Ruter trenger ikke å være statiske. Vi kan faktisk sende inn noe vi kaller parametre til rutene.

Som et eksempel skal vi lage en rute på nettsiden som sier hallo til navnet som blir skrevet inn.

Se på den følgende koden:

@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

Her tar vi i bruk krokodille parenteser for å fortelle at dette skal være et parameter. <name> i dette tilfellet kan ta alle slags verdier.

Legg denne koden inn i app.py, kjør koden, gå til nettleseren og prøv følgende:

http://127.0.0.1:5000/hello/Bob.

Hva skjer? Prøv noen andre navn også!

# imports
from flask import Flask

# opprett en flask server
app = Flask(__name__)

# vi lager en "rute" for hovedsiden som er "/"
@app.route("/")
def hello():
    return "Hello World!"

# ny rute for å hente en vits
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# hei på deg!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

# for øyeblikket bruker vi bare dette for å starte programmet
if __name__ == "__main__":
    app.run(debug=True)

Oppgave 3 - Parameter typer

For øyeblikket når du skriver en parameter med <parameter>, vil verdien alltid tolkes som en string type, altså tekst.

antall_elefanter = 2
frukt = "appelsin"

print(antall_elefanter + frukt) # DETTE GÅR IKKE!!

Route parametre har flere egenskaper. Vi kan spesifisere “typen” til parameteren!

Se på den følgende koden:

@app.route("/calculate/<int:num>")
def calculate(num):
    return str(num * 2)

Denne koden tar inn et tall og ganger det med 2.

Legg denne koden inn i app.py, kjør koden, gå til nettleseren og prøv følgende:

http://127.0.0.1:5000/calculate/3.

Hva får du som svar? Prøv andre tall også å se hva som skjer!

# imports
from flask import Flask

# opprett en flask server
app = Flask(__name__)

# vi lager en "rute" for hovedsiden som er "/"
@app.route("/")
def hello():
    return "Hello World!"

# ny rute for å hente en vits
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# hei på deg!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

# kalkulator!
@app.route("/calculate/<int:num>")
def calculate(num):
    return str(num * 2)

# for øyeblikket bruker vi bare dette for å starte programmet
if __name__ == "__main__":
    app.run(debug=True)

Oppgave 4 - Enkel kalkulator

La oss oppgradere calculate routen vår litt! Du kan ta inn flere parametre i en route også! Prøv å legge til to parametre i calculate routen, en som heter num1 og en som heter num2. Deretter, legg sammen tallene å returner dem til nettsiden.

@app.route("/calculate/<int:num1>/<int:num2>")
def calculate(num1, num2):
    return str(num1 + num2)

Oppgave 5 - Utvidet kalkulator

Til slutt, prøv å lage en kalkulator der du kan bruke +, -, *, /.

Du kan enten velge å bruke ord som add, subtract, eller tegn.

Prøv å løs det med bare en route! (Du kunne ha lagd def add(num1, num2), men her er vi ute etter at du gjør det med bare def calculate).

Ekstra: pass på at deling på null blir tull.

@app.route("/calculate/<int:num1>/<string:op>/<int:num2>")
def calculate(num1, op, num2):
    if op == "add":
        return str(num1 + num2)
    elif op == "subtract":
        return str(num1 - num2)
    elif op == "multiply":
        return str(num1 * num2)
    elif op == "divide":
        # Ekstra, kult hvis du husket dette! 😎
        if num2 == 0:
            return "Can't divide by zero!!"
        return str(num1 / num2)

# imports
from flask import Flask

# opprett en flask server
app = Flask(__name__)

# vi lager en "rute" for hovedsiden som er "/"
@app.route("/")
def hello():
    return "Hello World!"

# ny rute for å hente en vits
@app.route("/joke")
def joke():
    return "Why did the chicken cross the road? Buck if I know!"

# hei på deg!
@app.route("/hello/<name>")
def hello_name(name):
    return "Hello " + name

# kalkulator!
@app.route("/calculate/<int:num1>/<string:op>/<int:num2>")
def calculate(num1, op, num2):
    if op == "add":
        return str(num1 + num2)
    elif op == "subtract":
        return str(num1 - num2)
    elif op == "multiply":
        return str(num1 * num2)
    elif op == "divide":
        # Ekstra, kult hvis du husket dette! 😎
        if num2 == 0:
            return "Can't divide by zero!!"
        return str(num1 / num2)

# for øyeblikket bruker vi bare dette for å starte programmet
if __name__ == "__main__":
    app.run(debug=True)

Ekstra oppgaver

Oppgave E1 - Hallo hallo hallo hallo

Gjør om på /hello routen til å gi en unik melding basert på hvem som sier hallo.

Oppgave E2 - Random joke

Gjør om på /joke routen til å hente en tilfeldig vits fra en liste med vitser. (Du trenger ikke så mange, bare vise at det fungerer)

Oppgave E3 - (Enda mer) Utvidet kalkulator

Legg til enda flere funksjoner i kalkulatoren din, som for eksempel, opphøyd i (power), sinus, cosinus, areal kalkulator, eller hva enn du kommer på.

Oppgave E4 - Hva er vitsen?

Utvid /joke routen enda mer til å kunne ta inn en “kategori” av vitser hvor du kan skrive /joke/<category> så får du en vits av den typen. Dersom du skriver bare /joke får du en tilfeldig joke fra hvilken som helst kategori.