Pular para o conteúdo principal

Aplicação Flask usando Nginx e Gunicorn


Aplicação Flask usando Nginx e Gunicorn

Se você já desenvolveu uma aplicação Flask básica, sabe que o servidor de desenvolvimento embutido não é ideal para produção. Ele não é projetado para lidar com altos volumes de tráfego ou conexões simultâneas. Para tornar sua aplicação Flask mais robusta e pronta para produção, podemos usar o Gunicorn como servidor de aplicação e o Nginx como proxy reverso.

Neste artigo, vamos adaptar o exemplo anterior (Criando uma Aplicação CRUD com Flask, PostgreSQL e Docker) para incluir o Nginx e o Gunicorn.


O que são Nginx e Gunicorn?

Gunicorn

O Gunicorn (Green Unicorn) é um servidor de aplicação WSGI que roda aplicações Python como o Flask. Ele é eficiente e simples de configurar, lidando com múltiplas requisições ao mesmo tempo, algo que o servidor embutido do Flask não faz bem.

Nginx


O Nginx é um servidor web que atua como um proxy reverso. Ele recebe requisições HTTP e as encaminha ao Gunicorn. Além disso, o Nginx pode:

  • Servir arquivos estáticos (como imagens e CSS) diretamente.
  • Gerenciar conexões HTTPS.
  • Balancear carga entre várias instâncias do Gunicorn.

Estrutura do Projeto

A estrutura do projeto permanece similar ao exemplo anterior, com algumas adições para o Nginx.

crud-app/
|-- app/
|   |-- app.py
|   |-- templates/
|   |   |-- index.html
|   |   |-- edit.html
|-- Dockerfile
|-- requirements.txt
|-- docker-compose.yml
|-- nginx.conf

Alterações Necessárias

Passo 1: Atualizando o requeriments.txt

No arquivo requeriments.txt, incluimos uma nova dependencia para disponibilzar o Gunicorn, substitua o conteúdo anterior pelo seguinte:

Flask==2.2.2
Flask-SQLAlchemy==3.0.2
psycopg2-binary==2.9.3
Werkzeug==2.2.2
gunicorn==20.1.0

Passo 2: Atualizando o Dockerfile

No arquivo Dockerfile, configuramos o Gunicorn para servir a aplicação Flask. Substitua o conteúdo anterior pelo seguinte:

FROM python:3.9

WORKDIR /app

COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt

COPY . .

EXPOSE 5000
CMD ["gunicorn", "-b", "0.0.0.0:5000", "app.app:app"]

Aqui, usamos o Gunicorn para executar a aplicação Flask. O comando gunicorn -b 0.0.0.0:5000 app.app:app diz ao Gunicorn para:

  • Ligar-se ao endereço 0.0.0.0 na porta 5000.
  • Rodar a aplicação Flask localizada na pasta app no arquivo app.py (o formato é <pasta>.<arquivo>:<objeto>).

Passo 3: Adicionando a Configuração do Nginx

Crie um arquivo nginx.conf na raiz do projeto com o seguinte conteúdo:

# nginx.conf
events {
    worker_connections 1024;
}

http {
    server {
        listen 80;

        location / {
            proxy_pass http://web:5000;  # Encaminha requisições para o Gunicorn
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

        location /static/ {
            alias /app/static/;  # Serve arquivos estáticos diretamente
        }
    }
}

O Nginx aqui está configurado para encaminhar as requisições para o serviço web (que executará o Gunicorn no Docker).


Passo 4: Atualizando o docker-compose.yml

Adicione o serviço do Nginx ao docker-compose.yml:

services:
  web:
    build: .
    expose:
      - "5000"
    depends_on:
      - db
  db:
    image: postgres:13
    environment:
      POSTGRES_USER: user
      POSTGRES_PASSWORD: password
      POSTGRES_DB: crud_db
    ports:
      - "5432:5432"
  nginx:
    image: nginx
    ports:
      - "80:80"
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf
    depends_on:
      - web

Passo 5: Executando o Projeto

  1. Suba os contêineres com o comando:

    docker-compose up --build
    
  2. Acesse a aplicação em http://localhost.


Benefícios da Nova Configuração

  • Desempenho Melhorado: O Gunicorn gerencia múltiplas requisições e o Nginx é otimizado para lidar com tráfego pesado.
  • Segurança: O Nginx adiciona uma camada de proteção contra ataques comuns.
  • Escalabilidade: Fácil de escalar adicionando mais instâncias do Gunicorn.
  • Gerenciamento de Arquivos Estáticos: O Nginx pode servir arquivos estáticos de forma eficiente.

    Conclusão

    Como vimos é importante pensar na segurança e na escalabilidade de nossas aplicações, ao usar o Nginx e o Gunicorn em nossas aplicações Flask garantimos um ambiente de produção robusto e escalável.

    O projeto de exemplo pode ser encontrado aqui.

    Comentários

    Mais visitadas

    Lista de políticos com ficha suja

    ATUALIZAÇÃO (08/03/2012 ano de eleição) Representantes de duas pessoas da lista (Eliseu Padilha e Alex Canziani) entraram em contato e pediram que esses fossem removidos, alegando que não houve condenação. É justo essa requisição, porém vale lembrar que escândalos nacionalmente reconhecidos de corrupção não deram em nada, por isso o que realmente conta nesse ano de eleição é uma pesquisa minuciosa sobre os candidatos escolhidos, eu particularmente, por não estar nem um pouco satisfeito, não irei votar em ninguém que já tenha sido eleito. Estou voltando a postar por um motivo nobre, meu tempo continua apertado mas esse post é rápido, na verdade nem meu ele é (visitem o espaço de nosso amigo Lord ), estou apenas repassando essa valiosa informação. Teremos eleição esse ano, e é importante não repetirmos erros passados, vamos ficar atentos em relação a esses nomes e exclui-los de vez do cenário politico nacional. Façamos nossa parte, publicando em nossos blog...

    Listar arquivos existentes em diretório (Delphi)

    Mostraremos uma maneira simples e prática para listar o conteúdo de um diretório com a opção de incluir nessa listagem os arquivos de seus subdiretórios. No exemplo abaixo temos um Edit para receber o diretório a ser pesquisado um CheckBox para indicar se os subdiretórios entrarão na pesquisa um botão para efetuar a pesquisa e um Memo para listar os arquivos encontrados, no final um Edit que receberá o cálculo final (em bytes) da soma do tamanho dos arquivos. procedure TForm1.Button1Click(Sender: TObject); begin   tamanhoTotal := 0;   memLista.Lines.Clear;   ListarArquivos(edtDiretorio.Text, chkSub.Checked);   Edit1.Text := IntToStr( tamanhoTotal ); end; procedure TForm1.ListarArquivos(Diretorio: string; Sub:Boolean); var   F: TSearchRec;   Ret: Integer;   TempNome: string; begin   Ret := FindFirst(Diretorio+'\*.*', faAnyFile, F);   try     while Ret = 0 do ...

    Como pegar valor de coluna invisível do GridView

    Em determinado momento nos deparamos com a seguinte situação, nossa tabela do banco de dados possui como campo chave, um ID por exemplo, incrementado por uma rotina da aplicação, do banco ou algum outro mecanismo de incremento (sequences, increment, etc), logo não há porque mostrar essa coluna para o usuário porque o mesmo não sabe de sua existência, e seu valor não tem qualquer relevância para ele, sendo assim o mais lógico a se fazer é não mostra-lá na aplicação. Seu valor é necessário já que por se tratar de uma chave primária precisaremos dela para atualizar, inserir ou excluir os dados, então o que fazer? A resposta seria simples, deixemos ele invisível, buscaremos seu valor e o usuário não perceberá, porém a partir da versão 2005 do visual Studio as colunas setadas com "visible = false" não são renderizadas, com isso ao se tentar acessar seu valor o que recebemos é nada. Para contornarmos essa situação podemos codificar o seguinte: protected void GridView1_R...