la programmation

Créer un Site Web avec Flask

Dernière mise à jour: 21/02/2024
6 minutes de lecture

Bien sûr, je serais ravi de vous donner un aperçu complet de la création de votre premier site web en utilisant le framework Flask en Python. Flask est un framework web léger et flexible qui permet de construire des applications web rapidement et efficacement en utilisant Python, un langage de programmation populaire et puissant.

Articles similaires

Avant de commencer à créer votre site web, assurez-vous d’avoir Python installé sur votre système. Vous pouvez télécharger et installer Python à partir du site officiel de Python (https://www.python.org/) si ce n’est pas déjà fait. Une fois que vous avez Python installé, vous pouvez procéder à l’installation de Flask en utilisant pip, le gestionnaire de paquets de Python.

Pour installer Flask, ouvrez votre terminal ou votre invite de commande et exécutez la commande suivante :

pip install Flask

Une fois Flask installé, vous êtes prêt à commencer à construire votre site web. Voici les étapes principales pour créer votre premier site web avec Flask :

  1. Initialiser l’application Flask : Créez un fichier Python (par exemple, app.py) et importez la classe Flask depuis le module Flask. Ensuite, créez une instance de l’application Flask.
python
from flask import Flask

app = Flask(__name__)
  1. Définir les routes : Les routes correspondent aux URL de votre site web et spécifient quelles actions doivent être effectuées lorsqu’un utilisateur accède à une URL spécifique. Vous pouvez définir une route en utilisant le décorateur @app.route.
python
@app.route('/')
def index():
    return 'Bienvenue sur mon site web !'
  1. Exécuter l’application : Pour que votre application soit exécutée, vous devez ajouter le code suivant à la fin de votre fichier Python.
python
if __name__ == '__main__':
    app.run(debug=True)

Maintenant, vous pouvez exécuter votre application en exécutant le fichier Python que vous avez créé. Dans votre terminal, accédez au répertoire où se trouve votre fichier app.py et exécutez la commande suivante :

python app.py

Cela lancera un serveur de développement Flask local, et vous pourrez accéder à votre site web en ouvrant un navigateur web et en accédant à l’URL http://localhost:5000.

  1. Créer des templates HTML : Pour rendre votre site web plus dynamique, vous pouvez utiliser des templates HTML avec Flask. Créez un répertoire nommé templates dans le même répertoire que votre fichier app.py, et créez des fichiers HTML pour chaque page de votre site web.
html

html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Mon Site Webtitle>
head>
<body>
    <h1>Bienvenue sur mon site web !h1>
body>
html>

Ensuite, vous pouvez modifier la fonction index dans votre fichier app.py pour rendre ce template HTML.

python
from flask import render_template

@app.route('/')
def index():
    return render_template('index.html')
  1. Utiliser des modèles : Flask offre la possibilité d’utiliser des modèles pour rendre les pages web plus dynamiques en passant des données à partir de Python vers les templates HTML. Par exemple, vous pouvez passer des variables à un template et les afficher dynamiquement.
python
@app.route('/user/')
def user(username):
    return render_template('user.html', username=username)

Dans ce cas, la variable username sera passée au template user.html et pourra être utilisée pour afficher des informations spécifiques à l’utilisateur.

  1. Utiliser des formulaires : Vous pouvez également créer des formulaires HTML dans vos templates et gérer les soumissions de formulaires avec Flask. Flask fournit un module request pour accéder aux données soumises par le formulaire.
python
from flask import request

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        # Vérification des identifiants
        return 'Bienvenue, {}'.format(username)
    return render_template('login.html')
  1. Utiliser des bases de données : Si votre application web nécessite une persistance des données, vous pouvez intégrer une base de données à votre application Flask. Flask prend en charge une variété de bases de données, y compris SQLite, MySQL et PostgreSQL, et offre une intégration facile avec SQLAlchemy, un ORM (Object-Relational Mapping) populaire en Python.
python
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///app.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)

    def __repr__(self):
        return '' % self.username

Vous pouvez ensuite interagir avec votre base de données en utilisant SQLAlchemy pour effectuer des opérations telles que l’ajout d’utilisateurs, la récupération d’utilisateurs existants, etc.

  1. Déployer votre application : Une fois que vous avez développé votre application web, vous pouvez la déployer sur un serveur en production. Il existe plusieurs façons de déployer une application Flask, y compris l’utilisation de services d’hébergement comme Heroku, la configuration d’un serveur web comme Nginx ou Apache, ou le déploiement sur des plates-formes de cloud comme AWS ou Google Cloud Platform.

En suivant ces étapes, vous serez en mesure de créer votre premier site web en utilisant le framework Flask en Python. N’hésitez pas à explorer la documentation officielle de Flask (https://flask.palletsprojects.com/) pour en savoir plus sur les fonctionnalités avancées et les bonnes pratiques de développement avec Flask.

Plus de connaissances

Bien sûr, poursuivons en approfondissant davantage chaque étape de la création d’un site web avec Flask.

1. Initialiser l’application Flask :

Lorsque vous initialisez une application Flask, vous créez une instance de la classe Flask. Cette instance représente votre application web et est utilisée pour définir les routes, les configurations et d’autres aspects de votre application.

python
from flask import Flask

app = Flask(__name__)

Ici, __name__ est une variable spéciale en Python qui représente le nom du module actuel. Cela aide Flask à savoir où se trouvent les ressources statiques, les templates, etc.

2. Définir les routes :

Les routes dans Flask correspondent aux différentes URL de votre application web. Vous pouvez définir une route en utilisant le décorateur @app.route. Lorsqu’un utilisateur accède à une URL spécifique, la fonction associée à cette route est exécutée.

python
@app.route('/')
def index():
    return 'Bienvenue sur mon site web !'

Dans cet exemple, la route '/' correspond à la page d’accueil de votre site web. Lorsque quelqu’un accède à cette URL, la fonction index() est appelée et renvoie un message de bienvenue.

3. Exécuter l’application :

Pour que votre application Flask soit exécutée, vous devez ajouter le code suivant à la fin de votre fichier Python :

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

La condition if __name__ == '__main__' garantit que le serveur de développement Flask ne sera démarré que si le script Python est exécuté directement (et non importé en tant que module).

4. Créer des templates HTML :

Pour rendre votre site web plus dynamique, vous pouvez utiliser des templates HTML avec Flask. Les templates permettent de générer des pages web en utilisant des données dynamiques provenant de votre application Python.

html

html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Mon Site Webtitle>
head>
<body>
    <h1>Bienvenue sur mon site web !h1>
body>
html>

Vous pouvez utiliser le moteur de rendu Jinja2 intégré à Flask pour inclure des variables, des structures conditionnelles, des boucles, etc., dans vos templates HTML.

5. Utiliser des modèles :

Les modèles permettent de rendre les pages web plus dynamiques en passant des données depuis votre application Python vers vos templates HTML. Vous pouvez utiliser la fonction render_template pour rendre un template HTML avec des données spécifiques.

python
@app.route('/user/')
def user(username):
    return render_template('user.html', username=username)

Dans cet exemple, la variable username est passée au template user.html et peut être utilisée pour afficher des informations spécifiques à l’utilisateur.

6. Utiliser des formulaires :

Flask permet de gérer les soumissions de formulaires HTML en utilisant le module request pour accéder aux données soumises par le formulaire. Vous pouvez définir une route pour gérer les soumissions de formulaires et récupérer les données envoyées par l’utilisateur.

python
from flask import request

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        # Vérification des identifiants
        return 'Bienvenue, {}'.format(username)
    return render_template('login.html')

7. Utiliser des bases de données :

Si votre application web nécessite une persistance des données, vous pouvez intégrer une base de données à votre application Flask. Flask prend en charge une variété de bases de données, y compris SQLite, MySQL et PostgreSQL, et offre une intégration facile avec SQLAlchemy, un ORM populaire en Python.

python
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///app.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)

    def __repr__(self):
        return '' % self.username

8. Déployer votre application :

Une fois que votre application Flask est prête, vous pouvez la déployer sur un serveur en production. Vous pouvez utiliser des services d’hébergement comme Heroku, des serveurs web comme Nginx ou Apache, ou des plates-formes de cloud comme AWS ou Google Cloud Platform pour déployer votre application.

En suivant ces étapes et en explorant plus en profondeur les fonctionnalités de Flask, vous serez en mesure de créer des applications web puissantes et dynamiques en Python. N’hésitez pas à consulter la documentation officielle de Flask pour plus d’informations et de guides pratiques sur le développement web avec Flask.

Dernière mise à jour: 21/02/2024
6 minutes de lecture
Bouton retour en haut de la page