Coding起來 - Python - 一行指令就能輕鬆建立網頁伺服器 - SimpleHTTPServer套件 - http.server使用教學

2020 年 10 月 12 日

嗨嗨，大家有時候在寫網頁前端或簡單的互動視覺化圖時，可能都會想用網頁伺服器來預覽成品放到網頁上的感覺，但有時候只是想簡單檢視一下結果，卻要花上很多時間安裝完整的伺服器(ex.Apache)，或是撰寫nodejs來開啟Local Server，今天就來跟大家介紹一個我今天無意間看到的一個超實用套件- SimpleHTTPServer，它幫助我們省下非常多的時間，只要一行指令輕鬆就能幫助我們開啟Local Server，建立臨時的網頁

為什麼要使用SimpleHTTPServer?

它幫助我們快速地將Local端任何目錄底下的資料以網頁的形式分享到網路上，除了可以幫助我們預覽一些工作成果，像是網頁前端、互動視覺畫圖等等，也可以幫助將資料分享於區域網路(Local Network)之中，我們就能快速地展示結果給身邊的人用自己的網路設備觀看
使用SimpleHTTPServer的方法，只要擁有Python環境，並只要一行指令就能建立簡單地網頁伺服器

環境建置

安裝Python3，並添加到環境變數之中，就能使用命令提示字元(cmd)來執行操作
直接安裝Anaconda，就能直接使用Anaconda Prompt來執行操作

提醒: 我這邊使用的SimpleHTTPServer套件是Python3版本的喔，所以指令會與Python2不同

Python3指令: python -m http.server
Python2指令: python -m SimpleHTTPServer

如何使用SimpleHTTPServer?

Step1:

選定欲開方的目錄資料夾，並開啟命令提示字元(cmd)或任何可以使用Python的指令工具(ex. Anaconda Prompt)，我這邊使用Anaconda Prompt 來示範，開啟後切換(cd)到欲開放的目錄資料夾內(ex. cd C:\Users\user\Desktop\Learn-Python-\simplehttpserver_learning)

Step2:

開啟Local Server，在Anaconda Prompt中接著下python -m http.server指令

python -m http.server

Step3:

打開瀏覽器，並輸入

自己觀看的網址: http://127.0.0.1:8000/

2. 分享給別的網址:

找到自己的IP位置，並在後面加上:8000，就可以囉

ex. http://192.168.31.214:8000/

補充: 如何找自己的IP位置? 在cmd中，輸入ipconfig指令，就會看到了

這樣就算完成囉，是不是非常輕鬆呀，這樣大家就能看到你分享的檔案囉!!

補充: 如果想修改Port呢?

SimpleHTTPServer模組預設的port為8000，也就是上面我們IP位置後面指定的Port，像是http://127.0.0.1:8000/，後面的8000就是Port，如果想要指定不同的Port，非常簡單喔，只要在指令後面加上指定的Port就好，想是我想要將Port改變為8080，就輸入以下指令

python -m http.server 8080

補充: 自行寫一個Python程式來開啟

預設情況下，這個套件會傾聽所有的網路位置，如果想要只傾聽local端的位址，就要自行寫一個Python程式來執行囉

範例1 : 這是我在網路上找尋大家的文章，所使用的範例程式

## http.server.py


# -*- coding: utf-8 -*-
import sys
import http.server
from http.server import SimpleHTTPRequestHandler

HandlerClass = SimpleHTTPRequestHandler
ServerClass = http.server.HTTPServer
Protocol  = "HTTP/1.0"

if sys.argv[1:]:
  port = int(sys.argv[1])
else:
  port = 8000
server_address = ('127.0.0.1', port)

HandlerClass.protocol_version = Protocol
httpd = ServerClass(server_address, HandlerClass)

sa = httpd.socket.getsockname()
print("Serving HTTP on", sa[0], "port", sa[1], "...")
httpd.serve_forever()

範例2: 這邊檢安教大家如何修改預設的port，只要將程式檔裡的port改變(ex. port = 8060)，再執行這個程式檔，就可以囉!!

## http.server.py


# -*- coding: utf-8 -*-
import sys
import http.server
from http.server import SimpleHTTPRequestHandler

HandlerClass = SimpleHTTPRequestHandler
ServerClass = http.server.HTTPServer
Protocol  = "HTTP/1.0"

if sys.argv[1:]:
  port = int(sys.argv[1])
else:
  port = 8060
server_address = ('127.0.0.1', port)

HandlerClass.protocol_version = Protocol
httpd = ServerClass(server_address, HandlerClass)

sa = httpd.socket.getsockname()
print("Serving HTTP on", sa[0], "port", sa[1], "...")
httpd.serve_forever()

接著執行Python檔，開啟Local Server，一樣輸入指令: