Servidor de Aplicação Web Sgskip

Introdução

Este laboratório tutorial irá guiá-lo através do uso do Matplotlib em um servidor de aplicação web Flask. Você aprenderá como criar figuras usando o construtor .Figure e salvá-las em buffers na memória, incorporar as figuras resultantes na saída HTML e executar a aplicação Flask usando a ferramenta de linha de comando flask.

Dicas para a VM

Após a inicialização da VM, clique no canto superior esquerdo para mudar para a aba Notebook para acessar o Jupyter Notebook para praticar.

Às vezes, pode ser necessário aguardar alguns segundos para que o Jupyter Notebook termine de carregar. A validação das operações não pode ser automatizada devido a limitações no Jupyter Notebook.

Se você enfrentar problemas durante o aprendizado, sinta-se à vontade para perguntar ao Labby. Forneça feedback após a sessão, e resolveremos o problema prontamente para você.

Instalar Dependências

Antes de começarmos, certifique-se de ter os pacotes necessários instalados. Você pode instalá-los usando o pip.

pip install matplotlib flask

Importar Dependências

Nesta etapa, importaremos as dependências necessárias. Usaremos base64 para codificar os dados da imagem, BytesIO para armazenar os dados da imagem na memória, Flask para criar o servidor da aplicação web e Figure para criar as figuras.

import base64
from io import BytesIO

from flask import Flask

from matplotlib.figure import Figure

Criar a Aplicação Flask

Nesta etapa, criaremos a aplicação Flask. Definiremos uma rota para a página inicial ("/") e uma função para gerar e incorporar a figura Matplotlib.

app = Flask(__name__)

@app.route("/")
def home():
    ## Generate the figure **without using pyplot**.
    fig = Figure()
    ax = fig.subplots()
    ax.plot([1, 2])
    ## Save it to a temporary buffer.
    buf = BytesIO()
    fig.savefig(buf, format="png")
    ## Embed the result in the html output.
    data = base64.b64encode(buf.getbuffer()).decode("ascii")
    return f"<img src='data:image/png;base64,{data}'/>"

Executar a Aplicação Flask

Nesta etapa, executaremos a aplicação Flask usando a ferramenta de linha de comando flask. Assumindo que o diretório de trabalho contém este script, execute o seguinte comando para iniciar o servidor:

FLASK_APP=matplot_lib_tutorial_lab flask run

Visualizar a Saída

Nesta etapa, visualizaremos a saída da aplicação Flask navegando para http://localhost:5000/ em um navegador web. A figura Matplotlib deve ser exibida na página.

Resumo

Neste laboratório tutorial, aprendemos como usar Matplotlib em um servidor de aplicação web Flask. Criamos uma aplicação Flask, geramos uma figura Matplotlib, incorporamos a figura na saída HTML e executamos a aplicação Flask usando a ferramenta de linha de comando flask.