El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència

HOME

En aquest tema, aprendrem a crear la nostra primera aplicació Flask. Aquest és un pas fonamental per començar a desenvolupar aplicacions web amb Flask. Seguirem una sèrie de passos per configurar i executar una aplicació bàsica.

Instal·lació de Flask

Abans de començar, necessitem instal·lar Flask. Assegura't de tenir Python instal·lat al teu sistema. Pots instal·lar Flask utilitzant pip, el gestor de paquets de Python.

pip install Flask

Creació de l'Estructura del Projecte

Crea una carpeta per al teu projecte i dins d'aquesta carpeta, crea un fitxer anomenat app.py. Aquesta serà la nostra aplicació principal.

my_flask_app/
    └── app.py

Escrivint el Codi de la Teva Primera Aplicació Flask

Obre el fitxer app.py i afegeix el següent codi:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Hola, món!"

if __name__ == '__main__':
    app.run(debug=True)

Explicació del Codi

Importació de Flask: Importem la classe Flask del paquet flask.
Creació de l'Aplicació: Creem una instància de l'aplicació Flask.
```
app = Flask(__name__)
```
Definició d'una Ruta: Utilitzem el decorador @app.route('/') per definir la ruta principal de la nostra aplicació. Quan un usuari accedeix a la URL base (/), la funció home serà cridada.
```
@app.route('/')
def home():
    return "Hola, món!"
```
Execució de l'Aplicació: Finalment, utilitzem app.run(debug=True) per executar l'aplicació. El paràmetre debug=True és útil durant el desenvolupament perquè permet veure errors detallats en el navegador.
```
if __name__ == '__main__':
    app.run(debug=True)
```

Executant l'Aplicació

Per executar la teva aplicació, obre una terminal, navega fins a la carpeta del teu projecte i executa:

python app.py

Hauries de veure una sortida similar a aquesta:

 * Serving Flask app "app" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 123-456-789

Obre el teu navegador i visita http://127.0.0.1:5000/. Hauries de veure el missatge "Hola, món!".

Exercici Pràctic

Exercici 1: Afegir una Nova Ruta

Afegeix una nova ruta a la teva aplicació que respongui a /about amb el missatge "Aquesta és la pàgina About".

Solució

@app.route('/about')
def about():
    return "Aquesta és la pàgina About"

Exercici 2: Personalitzar el Missatge de Benvinguda

Modifica la funció home per retornar un missatge de benvinguda personalitzat, per exemple, "Benvingut a la meva primera aplicació Flask!".

Solució

@app.route('/')
def home():
    return "Benvingut a la meva primera aplicació Flask!"

Conclusió

En aquest tema, hem après a crear una aplicació bàsica amb Flask, definir rutes i executar l'aplicació. Aquest és el primer pas per desenvolupar aplicacions web més complexes amb Flask. En els següents temes, explorarem més funcionalitats i conceptes avançats de Flask.

Creant la Teva Primera Aplicació Flask

Instal·lació de Flask

Creació de l'Estructura del Projecte

Escrivint el Codi de la Teva Primera Aplicació Flask

Explicació del Codi

Executant l'Aplicació

Exercici Pràctic

Exercici 1: Afegir una Nova Ruta

Solució

Exercici 2: Personalitzar el Missatge de Benvinguda

Solució

Conclusió

Curs de Desenvolupament Web amb Flask

Mòdul 1: Introducció a Flask

Mòdul 2: Conceptes Bàsics de Flask

Mòdul 3: Formularis i Entrada d'Usuari

Mòdul 4: Integració de Bases de Dades

Mòdul 5: Autenticació d'Usuaris

Mòdul 6: Conceptes Avançats de Flask

Mòdul 7: APIs RESTful amb Flask

Mòdul 8: Desplegament i Producció

Mòdul 9: Proves i Millors Pràctiques

Mòdul 10: Extensions i Ecosistema de Flask