Flask 網站架設教學

閱讀時間約 5 分鐘
這是一篇有關於使用 Flask 架設網站的教學型文章,介紹了從安裝套件、建立網站專案、撰寫程式、執行測試到實際撰寫的步驟和過程。


在進行 Flask 網站架設之前,我們首先要完成以下步驟:

一. 安裝套件 - Flask 套件

為了使用 Flask 架設網站,首先需要安裝 Flask 套件。你可以在命令列中執行以下指令來進行安裝:

bash複製程式碼 pip install Flask

二. 建立網站專案

在電腦中的任意位置建立一個專案資料夾,這個資料夾將包含你的 Flask 網站程式碼以及其他相關檔案。

三. 撰寫程式

使用 Python 語言來撰寫網站的後端程式。這包括撰寫網站的主要邏輯、路由設定等。

四. 執行測試 - 啟動網站

在命令列中執行 Python 程式,即可啟動你的 Flask 網站。這將啟動一個本地伺服器,讓你可以在瀏覽器中測試你的網站。

五. 執行測試 - 測試網站

將網址貼到瀏覽器的網址列中,以測試網站的運作是否符合預期。


實際撰寫 - Flask 網站程式

網站程式特性

Flask 網站程式具有以下特性:

  • 必須24小時運作,程式不能中斷,否則網站將無法運作。
  • 中斷後,網站就無法連上,這將導致瀏覽器無法訪問網站。
  • 測試時間可以隨時中斷,但正式上線運作後,網站必須持續運行,讓使用者可以持續訪問網頁。

網站程式碼

使用 Flask 框架撰寫網站的後端程式碼,程式碼範例如下:

python複製程式碼# 匯入 Flask 模組

from flask import Flask

# 建立 Flask 應用程式物件

app = Flask(__name__)

# 路由設定 - 根路徑

# "/" 代表網站的根目錄,127.0.0.1:5000 代表網站的主機/根目錄

@app.route("/")

def home():

# 連線到我們的 Python 程式,我們的 Python 程式就回應 "Hello Flask 2" (回應給瀏覽器,顯示在使用者的螢幕上)

return "Hello Flask 2"

# 路由設定 - 測試路徑

# 當使用者連線到 "/test" (127.0.0.1:5000/test),交給以下函式處理

@app.route("/test")

def test():

# 返回文字內容 "This is Test" 給客戶端

return "This is Test"

# 主程式判斷

if __name__ == "__main__":

# 如果這個程式是被當成主程式來執行,會啟動 Flask 應用程式伺服器

app.run()

啟動網站

當你準備好後端程式碼後,可以直接按執行或者在命令列中執行 Python 程式,以啟動你的 Flask 網站。例如,在命令列中執行以下指令:

bash複製程式碼 python Python_Flask_網站開發_基礎環境建置教學.py

執行後,會看到 http://127.0.0.1:5000/ (測試用的網址),可以點開網址來測試與自己寫的是否一致。

建立網站

我們建立了一個網站,這個網站的程式碼就是 Python_Flask_網站開發_基礎環境建置教學.py。這隻程式就是網站的伺服器,會一直開著不會關閉,背後一直在執行。網站的網址為:http://127.0.0.1:5000/

改變程式,就要重新執行

當你修改了程式碼後,請記得重新執行程式以使修改生效。具體步驟如下:

  1. 使用 CTRL + C 來關閉目前正在執行的程式,這將強制結束程式。
  2. 再重新執行一次程式,這將使你的修改生效。
  3. 重新整理瀏覽器頁面,以查看更新後的網站內容。
bash複製程式碼 127.0.0.1 - - [07/May/2024 14:25:28] "GET / HTTP/1.1" 200 -
avatar-img
14會員
6內容數
歡迎來到我的部落格!這裡是個佛系經營的角落,我會在這裡分享我的心路歷程,及不定時生活大小事分享,包括科技、閱讀、星座、金融、好物等。 希望分享的內容能夠幫助大家,與大家一同學習成長,無論是知識的豐富還是心靈的提升。歡迎留言、討論,分享你的看法和經驗。如文章內容有誤,請不吝指教,我會虛心接受並改進! 什麼都發~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
不久前,我曾經有寫過一個可以計算出距離自己最後發文時間,已經過了多久的小工具,當時是希望藉著這個數據化呈現,來督促自己持續產出,不過自從完成了之後,我也同時開始思考,該如何讓這個小工具出現在更多、更顯眼的地方呢?
Thumbnail
最後,身為Batman粉絲的我只能說,Batman(s) stole the show... again 😂😂😂.
Thumbnail
The Flash 英文預告:請按我LINK 閃電俠 官方中文預告:請按我LINK 端午節不說快樂說快節奏 有一說,端午節不應該祝快樂,因為是屈原的忌日,所以應該說安康。好的,祝福各位端午節安康!在連假的第一天就看早場「閃電俠」就是來個快節奏的速度啊!本來影伴是想看某部韓國動作片,但我嫌太暴力了,
★★★★★ 某種程度上,閃電俠這部電影以最好的姿態出現,但可惜來的太晚,沒能拯救DCEU,否則光這部電影恐怕就能替DCEU續命五年。 無論你是否聽過網路上各種人盛贊過這部電影,擔心以過高期待觀影,會不會造成自己的觀影體驗,那你大可放心,這部片不愧是DC近期最好的電影,可能也是最雅俗共賞的一部了。
Thumbnail
前言 在完成ALPHA Camp學期2-3的課程,因為接著上了彭彭老師的WeHelp coding bootcamp,再加上年底工作也較忙,似乎還沒機會好好整理學期2-3的心得,這邊可能至少先欠一篇文章,想先根據這周末學習Falsk session的運作機制做些簡單的紀錄。 何謂Flask
Thumbnail
Restful API 其實就是開放一個 EndPoit 的網路接口給其他人使用,並將要做的事情封裝在該接口內,不需要知道真實運作狀況,只要得到答案即可。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
不久前,我曾經有寫過一個可以計算出距離自己最後發文時間,已經過了多久的小工具,當時是希望藉著這個數據化呈現,來督促自己持續產出,不過自從完成了之後,我也同時開始思考,該如何讓這個小工具出現在更多、更顯眼的地方呢?
Thumbnail
最後,身為Batman粉絲的我只能說,Batman(s) stole the show... again 😂😂😂.
Thumbnail
The Flash 英文預告:請按我LINK 閃電俠 官方中文預告:請按我LINK 端午節不說快樂說快節奏 有一說,端午節不應該祝快樂,因為是屈原的忌日,所以應該說安康。好的,祝福各位端午節安康!在連假的第一天就看早場「閃電俠」就是來個快節奏的速度啊!本來影伴是想看某部韓國動作片,但我嫌太暴力了,
★★★★★ 某種程度上,閃電俠這部電影以最好的姿態出現,但可惜來的太晚,沒能拯救DCEU,否則光這部電影恐怕就能替DCEU續命五年。 無論你是否聽過網路上各種人盛贊過這部電影,擔心以過高期待觀影,會不會造成自己的觀影體驗,那你大可放心,這部片不愧是DC近期最好的電影,可能也是最雅俗共賞的一部了。
Thumbnail
前言 在完成ALPHA Camp學期2-3的課程,因為接著上了彭彭老師的WeHelp coding bootcamp,再加上年底工作也較忙,似乎還沒機會好好整理學期2-3的心得,這邊可能至少先欠一篇文章,想先根據這周末學習Falsk session的運作機制做些簡單的紀錄。 何謂Flask
Thumbnail
Restful API 其實就是開放一個 EndPoit 的網路接口給其他人使用,並將要做的事情封裝在該接口內,不需要知道真實運作狀況,只要得到答案即可。