![Remix, React Router Merge; JetBrains IDE para automação de testes](https://optimuscloud.com.br/wp-content/uploads/2024/05/1716220806_Remix-React-Router-Merge-JetBrains-IDE-para-automacao-de-testes-150x150.png)
Remix, React Router Merge; JetBrains IDE para automação de testes
20 de maio de 2024![O Google quer que os desenvolvedores criem aplicativos de IA no dispositivo](https://optimuscloud.com.br/wp-content/uploads/2024/05/1716223446_O-Google-quer-que-os-desenvolvedores-criem-aplicativos-de-IA-150x150.jpg)
O Google quer que os desenvolvedores criem aplicativos de IA no dispositivo
20 de maio de 2024Flask é uma estrutura Python superleve e minimalista que permite que desenvolvedores de todos os níveis de habilidade ativem seus aplicativos instantaneamente. Você pode ter um servidor de desenvolvimento Flask ativo em cerca de trinta segundos com apenas algumas linhas de código. O lugar do Flask em aplicações de nível de produção reside principalmente no teste de novos módulos e arquiteturas. O Flask também é ótimo para a comunidade de desenvolvimento mais recente porque elimina grande parte do trabalho pesado e clichê da construção de novos aplicativos. Este tutorial se concentrará na construção de um servidor de desenvolvimento Flask. Assim que tivermos um servidor ativo, construiremos funcionalidade codificando um aplicativo de lista de tarefas.
Primeiro, vamos instalar o Flask. Você pode fazer isso executando o seguinte comando em seu terminal” pip install Flask
. Depois de instalar o Flask, inicie uma nova pasta de projeto em seu editor de código. O primeiro arquivo com o qual trabalharemos é chamado app.py
.
Semelhante a outras estruturas, precisaremos importar o Flask e criar uma instância do aplicativo antes de podermos executar qualquer coisa. Digite a seguinte instrução de importação na parte superior da página:
from flask import Flask
Você pode criar a instância do aplicativo com o seguinte código:
app = Flask(__name__)
Depois de criar a instância do aplicativo, você pode escrever o código a seguir na parte inferior da sua página (esse código sempre estará na parte inferior da sua página) para executar a instância do aplicativo.
se __nome__ == __main__’:
app.run(debug=True)
Ainda não temos roteamento, então se você executar python app.py
em seu terminal e verifique o servidor de desenvolvimento, você receberá um erro 404, mas isso é todo o padrão do Flask que você precisa para começar.
Para colocar uma página no ar, precisaremos adicionar roteamento. Roteamento são os canais de comunicação entre diferentes partes de um aplicativo. Para uma explicação mais robusta, confira este link.
Flask usa o método decorador do Python para roteamento. A definição de uma rota ficará assim:
O primeiro parâmetro em app.route()
ajudará a definir o URL. Você pode usar qualquer palavra-chave ou nenhuma palavra-chave. A rota abaixo ilustra como criar uma rota sem adicionar uma palavra-chave.
A função abaixo irá renderizar a página:
Seu arquivo de código deve ficar assim e você está pronto para executar python app.py
em seu terminal e veja uma página ativa.
Para ver mais do que o Flask pode fazer, vamos começar com nossa lista de tarefas.
Adicionando muitas rotas
A primeira coisa que você pode fazer é remover o def hello()
função. Para este aplicativo, renderizaremos uma página HTML. A próxima coisa que faremos é adicionar um pacote ao nosso arquivo de código. Você pode fazer isso digitando pip install requests
no seu terminal. Depois que o pacote for adicionado, podemos prosseguir e adicioná-lo à nossa instrução de importação. Vamos adicionar request
, redirect
e url_for
. request
permite que o Flask lide com as solicitações que faremos. redirect
envia o usuário para o URL correto. url_for
prepara o URL para uma função dinamicamente para que o aplicativo não precise alterar os URLs.
A instrução de importação agora ficará assim:
A seguir, vamos criar nossa lista de tarefas. Podemos fazer isso criando uma lista vazia chamada tarefas em nossa instância do aplicativo. Neste momento, seu arquivo de código deve ficar assim:
Modelos Jinja, para mais detalhes sobre isso confira este link. Por enquanto, você pode copiar e colar este código HTML.
Vamos voltar ao app.py para que possamos criar a função que renderiza nosso front-end HTML. No lugar do nosso hello()
função, vamos criar o seguinte:
Vamos construir primeiro nosso mecanismo de adição de tarefas. Passaremos dois argumentos para app.route()
. A primeira será a nossa palavra-chave URL e a segunda informará app.route()
que é uma função POST. O código atualizado ficará assim:
O add_task()
função precisará fazer algumas coisas. Primeiro, a função recuperará a tarefa do formulário front-end quando enviada pelo usuário. Então a função adicionará a tarefa ao tasks
lista. Finalmente, a função redirecionará o usuário de volta à página inicial. O código fica assim:
Finalmente precisaremos configurar nossa rota e função de conclusão. Da mesma forma que a rota add_task(), o delete_task()
route incluirá as palavras-chave da URL e identificará a rota como uma solicitação POST. A rota de conclusão exigirá que a tarefa exclusiva seja incluída na rota para que a função saiba qual tarefa excluir. O percurso ficará assim:
A função irá capturar o argumento da tarefa, removê-lo da lista de tarefas e enviar o usuário de volta à página inicial.
O app.py completo ficará assim:
Correr python app.py
e você terá uma lista completa de tarefas!
Graças ao Flask, isso é um pouco mais fácil do que a lista de tarefas do React que criei para meu primeiro projeto na escola de codificação. Isto também é apenas um começo. Para aprender mais sobre rotas no Flask, tente adicionar o clima à sua lista de tarefas. Você pode acessar a previsão do tempo a partir de uma API meteorológica gratuita.
A postagem Como usar o Flask, uma estrutura Python leve apareceu pela primeira vez em The New Stack.