Matplotlib dans un serveur d'application web Flask

Introduction

Ce tutoriel de laboratoire vous guidera dans l'utilisation de Matplotlib dans un serveur d'application web Flask. Vous allez apprendre à créer des figures à l'aide du constructeur .Figure et à les enregistrer dans des tampons en mémoire, à intégrer les figures résultantes dans la sortie HTML et à exécuter l'application Flask à l'aide de l'outil de ligne de commande flask.

Conseils sur la machine virtuelle

Une fois le démarrage de la machine virtuelle terminé, cliquez dans le coin supérieur gauche pour basculer vers l'onglet Carnet de notes pour accéder au carnet Jupyter pour pratiquer.

Parfois, vous devrez peut-être attendre quelques secondes pour que le carnet Jupyter ait fini de charger. La validation des opérations ne peut pas être automatisée en raison des limitations du carnet Jupyter.

Si vous rencontrez des problèmes pendant l'apprentissage, n'hésitez pas à demander à Labby. Donnez votre feedback après la session et nous résoudrons rapidement le problème pour vous.

Installer les dépendances

Avant de commencer, assurez-vous d'avoir installé les packages nécessaires. Vous pouvez les installer à l'aide de pip.

pip install matplotlib flask

Importer les dépendances

Dans cette étape, nous allons importer les dépendances nécessaires. Nous utiliserons base64 pour encoder les données d'image, BytesIO pour stocker les données d'image en mémoire, Flask pour créer le serveur d'application web et Figure pour créer les figures.

import base64
from io import BytesIO

from flask import Flask

from matplotlib.figure import Figure

Créer l'application Flask

Dans cette étape, nous allons créer l'application Flask. Nous allons définir une route pour la page d'accueil ("/") et une fonction pour générer et intégrer la figure Matplotlib.

app = Flask(__name__)

@app.route("/")
def home():
    ## Générer la figure **sans utiliser pyplot**.
    fig = Figure()
    ax = fig.subplots()
    ax.plot([1, 2])
    ## L'enregistrer dans un tampon temporaire.
    buf = BytesIO()
    fig.savefig(buf, format="png")
    ## Intégrer le résultat dans la sortie html.
    data = base64.b64encode(buf.getbuffer()).decode("ascii")
    return f"<img src='data:image/png;base64,{data}'/>"

Exécuter l'application Flask

Dans cette étape, nous allons exécuter l'application Flask à l'aide de l'outil de ligne de commande flask. En supposant que le répertoire de travail contienne ce script, exécutez la commande suivante pour démarrer le serveur :

FLASK_APP=matplot_lib_tutorial_lab flask run

Consulter la sortie

Dans cette étape, nous allons consulter la sortie de l'application Flask en accédant à http://localhost:5000/ dans un navigateur web. La figure Matplotlib devrait être affichée sur la page.

Sommaire

Dans ce tutoriel de laboratoire, nous avons appris à utiliser Matplotlib dans un serveur d'application web Flask. Nous avons créé une application Flask, généré une figure Matplotlib, intégré la figure dans la sortie HTML et exécuté l'application Flask à l'aide de l'outil de ligne de commande flask.

Serveur d'application web Sgskip