Introdução ao Flask: Criando Sua Primeira Aplicação Web em Python

Se você já sabe programar em Python e deseja entrar no mundo do desenvolvimento web, o Flask é uma das melhores portas de entrada.

Flask é um microframework que permite criar aplicações web de forma rápida, simples e flexível. Diferente de frameworks maiores, como o Django, o Flask não impõe muitas regras, sendo ideal para aprender os conceitos básicos de uma aplicação web em Python.

Neste artigo, você vai aprender:

  • O que é o Flask e quando usá-lo.

  • Como instalar e configurar o Flask.

  • Como criar sua primeira aplicação web.

  • Como trabalhar com rotas, templates e variáveis.

  • Próximos passos para expandir seu projeto.


🔹 O que é o Flask?

O Flask é um microframework web em Python criado em 2010 por Armin Ronacher. Ele é considerado "micro" porque fornece apenas o essencial para rodar uma aplicação web:

✔ Roteamento de URLs (ligar endereços a funções).
✔ Suporte a templates HTML com Jinja2.
✔ Integração fácil com banco de dados.
✔ Extensível: você adiciona apenas o que precisa (ORM, autenticação, formulários, etc).

Se o Django é como um canivete suíço, o Flask é como uma caixa de ferramentas modular: você pega apenas as peças que precisa.


🔹 Instalando o Flask

Antes de começar, é recomendável criar um ambiente virtual para organizar seu projeto.

# Criar ambiente virtual
python -m venv venv

# Ativar (Windows)
venv\Scripts\activate

# Ativar (Linux/Mac)
source venv/bin/activate

Agora instale o Flask:

pip install flask

Verifique se funcionou:

pip show flask

🔹 Criando a Primeira Aplicação com Flask

Vamos criar o arquivo app.py com o seguinte código:

from flask import Flask

# Criando a aplicação
app = Flask(__name__)

# Rota principal
@app.route("/")
def home():
    return "Olá, mundo! 🚀 Esta é minha primeira aplicação Flask."

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

Agora, execute:

python app.py

➡️ O servidor Flask rodará em http://127.0.0.1:5000.
Abra no navegador e veja sua primeira página funcionando! 🎉


🔹 Entendendo o Código

  • Flask(__name__) → cria a aplicação.

  • @app.route("/") → define a rota (endereço do site).

  • home() → função que será executada quando acessamos a rota /.

  • app.run(debug=True) → inicia o servidor no modo de desenvolvimento.


🔹 Trabalhando com Múltiplas Rotas

Você pode criar várias páginas (rotas) no seu site:

@app.route("/")
def home():
    return "Página inicial do site"

@app.route("/sobre")
def sobre():
    return "Esta é a página Sobre 📖"

@app.route("/contato")
def contato():
    return "Entre em contato pelo e-mail: contato@exemplo.com"

➡️ Agora você acessa:

  • http://127.0.0.1:5000/

  • http://127.0.0.1:5000/sobre

  • http://127.0.0.1:5000/contato


🔹 Usando Templates HTML

Um site não pode ser apenas texto. Vamos renderizar páginas HTML com Flask.

Crie uma pasta chamada templates/ e dentro dela o arquivo index.html:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Página Inicial</title>
</head>
<body>
    <h1>Bem-vindo ao meu site Flask 🚀</h1>
    <p>Esta página foi renderizada com HTML.</p>
</body>
</html>

Agora, no app.py:

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def home():
    return render_template("index.html")

➡️ Quando você acessar http://127.0.0.1:5000/, verá a página HTML.


🔹 Passando Variáveis para o Template

Podemos enviar dados dinâmicos do Python para o HTML.

app.py:

@app.route("/usuario/<nome>")
def usuario(nome):
    return render_template("usuario.html", nome=nome)

Crie o arquivo templates/usuario.html:

<!DOCTYPE html>
<html>
<head>
    <title>Usuário</title>
</head>
<body>
    <h1>Olá, {{ nome }}!</h1>
    <p>Seja bem-vindo à sua página personalizada.</p>
</body>
</html>

➡️ Acesse http://127.0.0.1:5000/usuario/Thales e verá:
"Olá, Thales!"


🔹 Adicionando CSS e Estilo

Crie uma pasta static/ para armazenar arquivos CSS, imagens e JavaScript.

Exemplo de static/style.css:

body {
    background-color: #f4f4f4;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #333;
}

No index.html:

<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">

Agora sua página Flask terá estilo próprio! 🎨


🔹 Próximos Passos

Com esse conhecimento, você já pode:

  • Criar sites dinâmicos com Flask.

  • Usar templates e variáveis para gerar conteúdo personalizado.

  • Adicionar CSS e JavaScript para deixar a aplicação interativa.

Para avançar ainda mais:


🔹 Conclusão

O Flask é uma ferramenta simples, poderosa e flexível para quem quer entrar no desenvolvimento web com Python.

Com poucas linhas de código, você já consegue criar páginas dinâmicas e até mesmo protótipos de sistemas maiores.

Se você é iniciante em desenvolvimento web, o Flask é a melhor forma de aprender os fundamentos antes de partir para frameworks mais complexos.


💡 Desafio para você:
Crie um mini-site com Flask que tenha três páginas:

  1. Página inicial (com um texto de boas-vindas).

  2. Página sobre (com informações sobre você).

  3. Página contato (com formulário para envio de mensagem).

Comentários

Postagens mais visitadas deste blog

Manipulação de Arquivos no C#: Como Ler, Escrever e Trabalhar com Arquivos de Forma Simples

Laços de Repetição em Python: Conceitos e Exemplos Práticos

C# e Banco de Dados: Como Conectar e Realizar Operações com SQL Server