[Aprenda Python] - Construa aplicativos reais

Construa e implemente um site usando o Flask e o Heroku App

De vez em quando, surge uma nova linguagem de programação e junto com isso surge também uma grande comunidade para suporta-la. O Python já existe há algum tempo, então é seguro dizer que o Python não é uma linguagem, é uma religião. 

Você quer imprimir olá mundo? Está lá. Fazer aplicações de banco de dados? Lá. Criar aplicativos baseados em GUI? Sim. Visualização? Verificado. Algoritmos de Aprendizado de Máquina Complexa? Python também faz. 

Se você pensar em algo que é programável, você pode fazer isso com o Python. Embora exista um campo onde o Python é subestimado, este  é o back-end do desenvolvimento web. Mas logo isso vai mudar também. E vamos dar o primeiro passo para saber mais sobre isso.

Muitos criam websites usando apenas HTML e CSS, o que há de novo nisso? Neste artigo, vamos construir um site usando Python e Flask. 

E assim que tivermos o nosso site, vamos implantá-lo nos servidores da web do Heroku para que todos na internet possam ver o que você criou. Além disso, isso pode ajudá-lo em seus futuros desenvolvimentos de ML ou DL. 

Etapa 1 - Entendendo o Flask

O Flask é um microframework para desenvolvimento da Web. Por micro, isso significa que é muito básico em sua natureza. Nenhuma biblioteca ou ferramenta externa vem pré-instalada nela. O Flask é comumente usado com o MongoDB, o que lhe dá mais controle sobre bancos de dados e histórico. 

Eu acho que é introdução suficiente. O que realmente queremos ver é como funciona, certo? Então vamos fazer isso. Mas antes de fazermos isso, precisamos limpar um conceito fundamental da estrutura do Flask, que é Routes.

Veja também: Introdução ao Flask - Instalação

Routes em Flask

Rotas não são nada além de um caminho específico. Como a wikipedia explica, vamos imaginar que você está visitando apple.com e quer ir para a seção Mac em apple.com/mac/. Como os servidores da Apple sabem que você deve atender a página específica que mostra os detalhes sobre os dispositivos Mac?

É mais provável que eles tenham um aplicativo da Web em execução em um servidor que sabe quando alguém procura o site apple.com vai para a seção / mac / do site, lidar com esse pedido e enviar algumas páginas de volta, principalmente o arquivo de índice nessa pasta.

Etapa 2 - Criando um site básico

Criar um site básico usando Python e Flask é como andar no parque. Você escreve 5 linhas de código e voilà!

1. Primeiro, no framework do flask, importe a classe Flask.
2. Crie uma variável para armazenar sua instância de objeto de balão ou, em outras palavras, seu aplicativo de balão. O parâmetro __name__ aqui atribui um nome ao aplicativo, por padrão é __main__
3. A rota, conforme discutimos, é um caminho ou URL no qual você visualizará seu website. Neste caso, é definido na raiz do nosso diretório.
4. Então nós criamos uma função. Esta função define o que a nossa página da web fará. Por enquanto, acabamos de imprimir o hello world.
5. Executando o script. Se o seu aplicativo tiver o nome __main__, o script será executado, tão simples quanto isso. Mas, se você estiver chamando esse script de outro trecho de código, o parâmetro __name__ da etapa 2 atribuirá ou aplicará o nome do nosso arquivo, que é script1, portanto, o script não será executado.

	#Importar dependências
	from flask import Flask
	#Cria uma instância em Flask
	app = Flask(__name__)
	#Define rota
	@app.route("/")
	#Conteudo
	def home():
	return("Home Page")
	#Executando e controlando o script
	if (__name__ =="__main__"):
	app.run(debug=True)

Etapa 3 - HTML e CSS

O site que acabamos de criar não é algo que você gostaria de ver. Então, o que fazemos para torná-lo mais atraente? HTML e CSS, claro. Eles são mais adequados para essa tarefa. Se você conhece o desenvolvimento web, pode criar um novo arquivo .html a partir do zero.

Mas se você não sabe como fazer isso, há muitos modelos disponíveis na Internet, encontre o que mais lhe convier. Agora, em vez de apenas retornar simplesmente o texto, retornaremos páginas HTML específicas que criamos.

Para fazer isso, temos que importar outra classe que seja render_template. Em seguida, em nossa função de conteúdo, temos que retornar render_template ("file.html") para ver um arquivo HTML específico nessa rota.

Para HTML - Todos os arquivos .html que você está chamando devem residir em uma pasta chamada templates em seu diretório de trabalho.


Para CSS - Para todos os arquivos .css e .js, você deve criar uma pasta chamada static e uma subpasta chamada css, agora coloque seus arquivos .css nela.

Hierarquia de pastas e arquivos

Bom, por enquanto é isso, nos vemos no próximo artigo!