前言

如果您想在很短的時間內使用Python構建web應用程序，那么Flask是一個非常好的選擇。Flask是一個小而強大的web框架。它也很容易學習和簡單的代碼。

在本教程中，我將向您展示如何使用API構建一個包含一些動態內容的簡單天氣應用程序。本教程是初學者的一個很好的起點。您將學習如何從api構建動態內容并將其部署到谷歌云上。

最終產品可以在這里看到：

http://weatherv2-220201.appspot.com/

要創建天氣應用程序，我們需要從開放的天氣圖請求一個API密鑰。免費版允許每分鐘60次通話，這對這個應用程序來說已經足夠了

我們將采取的步驟如下:

第一步:安裝Flask

第二步:構建應用程序結構

第三步:使用API請求創建主應用程序代碼

第四步:使用Jinja、HTML和CSS為應用程序創建2個頁面(主頁面和結果頁面)

第五步:在本地電腦上部署和測試

第六步:部署在谷歌云上。

1、安裝Flask

我們將使用一個虛擬環境來構建這個項目。但是我們為什么需要一個呢?

使用虛擬環境，您可以為每個項目創建一個特定的本地環境。您可以選擇要使用的庫，而不會影響您的電腦環境。當您在筆記本電腦上編寫更多項目時，每個項目將需要不同的庫。對于每個項目使用不同的虛擬環境，您的系統和項目之間或項目之間就不會發生沖突。

在WeatherApp文件夾中創建一個requirements.txt文件，其中包括Flask和其他我們需要的庫，然后保存文件。需求文件是跟蹤您在項目中使用的庫的好工具。

Flask==0.12.3click==6.7gunicorn==19.7.1itsdangerous==0.24Jinja2==2.9.6MarkupSafe==1.0pytz==2017.2requests==2.13.0Werkzeug==0.12.1

安裝需求及其依賴項。你現在準備好建造你的WeatherApp了。這是創建本地環境的最后一步。

pip install -r requirements.txt

2、構造App結構

創建兩個Python文件(主文件)。和兩個文件夾(靜態與子文件夾img，模板)：

3、使用API請求(后端)創建主應用程序代碼

設置好結構后，就可以開始編寫應用程序的后端代碼了。Flask的“Hello world”示例只使用了一個Python文件。本教程使用兩個文件幫助您熟悉如何將函數導入主應用程序。

py是將用戶路由到主頁和結果頁面的服務器。py文件創建一個帶有API的函數，該函數根據所選城市檢索天氣數據。該函數填充結果頁面.

下一步是在開放天氣圖上申請一個免費的API密鑰：

4、使用Jinja、HTML和CSS創建頁面(前端)

這一步是關于創建用戶將看到的內容。

HTML頁面weather和結果是后端main.py將路由到的頁面，并給出可視化結構。CSS文件將帶來最后的效果。本教程中沒有Javascript(前端是純HTML和CSS)。

這是我第一次使用Jinja2模板庫來填充HTML文件。令我驚訝的是，它是多么容易帶來動態圖像或使用功能。絕對是一個很棒的模板引擎。

5、本地部署和測試

在此階段，您已經設置了環境、結構、后端和前端。剩下的唯一事情就是啟動你的應用程序并在本地主機上享受它。

使用您的Web瀏覽器(Chrome、Mozilla等)訪問cmd上建議的localhost鏈接。你應該會看到你的新天氣應用程序在你本地的筆記本上:)

6、部署在谷歌云上

最后一步是與全世界分享你的應用程序。需要注意的是，有很多使用Flask構建的web應用程序的提供商。谷歌云只是眾多云中的一個。這篇文章不包括其他的一些，比如AWS, Azure, Heroku…

要在谷歌云上部署您的應用程序，您需要1)安裝SDK, 2)創建一個新項目，3)創建3個本地文件，4)在線部署和測試。

按照谷歌的說明安裝SDK連接到您的谷歌云賬戶，創建一個新項目并保存項目id(稍等片刻，直到供應了新項目)

參考?：本文省去了一些具體步驟代碼，詳情請閱讀原文：

https://medium.com/free-code-camp/how-to-build-a-web-app-using-pythons-flask-and-google-app-engine-52b1bb82b221

總結

以上是生活随笔為你收集整理的如何查看jinja2模板的上級_如何使用Python的Flask和谷歌app Engine来构建一个web app...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。