CGI 目前由 NCSA 維護(hù),NCSA 定義 CGI 如下:
CGI(Common Gateway Interface),通用網(wǎng)關(guān)接口,它是一段程序,運(yùn)行在服務(wù)器上如:HTTP服務(wù)器,提供同客戶端 HTML 頁(yè)面的接口。
為了更好的了解 CGI 是如何工作的,我們可以從在網(wǎng)頁(yè)上點(diǎn)擊一個(gè)鏈接或 URL 的流程:
CGI 程序可以是 Python 腳本,PERL 腳本,SHELL 腳本,C 或者 C++ 程序等。
在你進(jìn)行 CGI 編程前,確保您的 Web 服務(wù)器支持 CGI 及已經(jīng)配置了 CGI 的處理程序。
Apache 支持 CGI 配置(這里使用PHPstudy集成的Apache):
打開(kāi)Apache的配置文件?httpd-conf
?,在文件中找到如下內(nèi)容:
首先找到ScriptAlias(圖片內(nèi)容為已經(jīng)修改過(guò)的值,默認(rèn)值應(yīng)該有所不同而且是被注釋掉的)
修改為項(xiàng)目地址? ScriptAlias /cgi-bin/ "F:/phpstudy/phpstudy_pro/WWW/webpy"
? (之前的項(xiàng)目都放在?F:/phpstudy/phpstudy_pro/WWW/
?下,這個(gè)文件夾是PHPstudy的apache默認(rèn)項(xiàng)目文件夾,將路徑改為這樣可以方便localhost訪問(wèn))。
然后找到Directory,將其修改為
<Directory "F:/phpstudy/phpstudy_pro/WWW/webpy">
AllowOverride None
Options +ExecCGI
Order allow,deny
Allow from all
</Directory>
注意:這里的路徑和上面設(shè)置的路徑是一樣的。
接著找到AddHandler
添加?.py
?。使apache識(shí)別.py文件為cgi程序(圖中已添加)。
接下來(lái)我們就可以在webpy文件夾下寫(xiě)pythonCGI程序了。
我們使用 Python 創(chuàng)建第一個(gè) CGI 程序,文件名為 hello.py,文件位于 /var/www/cgi-bin目錄中,內(nèi)容如下:
#!/usr/bin/python3
# 請(qǐng)注意第一行代碼,在linux中需要在py文件中正確指定python解釋器的路徑才能運(yùn)行
# 在Windows中使用Python CGI文件也需要正確指定python解釋器的路徑才能運(yùn)行
#coding=utf-8
print("Content-type:text/html") # 指定返回的類(lèi)型,沒(méi)有這行代碼會(huì)報(bào)錯(cuò)
print() # 空行,告訴服務(wù)器結(jié)束頭部
# 以下是要返回的HTML正文
print ('<html>')
print ('<head>')
print ('<title>Hello Word - 我的第一個(gè) CGI 程序!</title>')
print ('</head>')
print ('<body>')
print ('<h2>Hello Word! 我的第一CGI程序</h2>')
print ('</body>')
print ('</html>')
文件保存后修改 hello.py,修改文件權(quán)限為 755(linux和macos需要在webpy文件夾下使用下面的命令來(lái)修改文件讀寫(xiě)權(quán)限,在Windows環(huán)境下需要修改文件的讀寫(xiě)權(quán)限):
chmod 755 hello.py
以上程序在瀏覽器訪問(wèn)顯示結(jié)果如下:
這個(gè)的 hello.py 腳本是一個(gè)簡(jiǎn)單的 Python 腳本,腳本第一行的輸出內(nèi)容"Content-type:text/html"發(fā)送到瀏覽器并告知瀏覽器顯示的內(nèi)容類(lèi)型為"text/html"。
用 print 輸出一個(gè)空行用于告訴服務(wù)器結(jié)束頭部信息。
注:如果此處出現(xiàn)亂碼,可以在打印html的時(shí)候打印??,在下文部分代碼中有所體現(xiàn)(注意,這里不使用UTF-8的原因是小編在這里使用utf-8出現(xiàn)亂碼,這是因?yàn)樾【幍南到y(tǒng)是Windows系統(tǒng),系統(tǒng)默認(rèn)字符集是GBK,所以會(huì)出現(xiàn)亂碼)。
另外:請(qǐng)注意第一行代碼,在linux中需要在py文件中正確指定python解釋器的路徑才能運(yùn)行 。在Windows中使用Python CGI文件也需要正確指定python解釋器的路徑才能運(yùn)行
hello.py 文件內(nèi)容中的" Content-type:text/html"即為 HTTP 頭部的一部分,它會(huì)發(fā)送給瀏覽器告訴瀏覽器文件的內(nèi)容類(lèi)型。
HTTP 頭部的格式如下:
HTTP 字段名: 字段內(nèi)容
例如:
Content-type: text/html
以下表格介紹了 CGI 程序中 HTTP 頭部經(jīng)常使用的信息:
頭 | 描述 |
---|---|
Content-type: | 請(qǐng)求的與實(shí)體對(duì)應(yīng)的 MIME 信息。例如: Content-type:text/html |
Expires: Date | 響應(yīng)過(guò)期的日期和時(shí)間 |
Location: URL | 用來(lái)重定向接收方到非請(qǐng)求URL的位置來(lái)完成請(qǐng)求或標(biāo)識(shí)新的資源 |
Last-modified: Date | 請(qǐng)求資源的最后修改時(shí)間 |
Content-length: N | 請(qǐng)求的內(nèi)容長(zhǎng)度 |
Set-Cookie: String | 設(shè)置 Http Cookie |
所有的 CGI 程序都接收以下的環(huán)境變量,這些變量在 CGI 程序中發(fā)揮了重要的作用:
變量名 | 描述 |
---|---|
CONTENT_TYPE | 這個(gè)環(huán)境變量的值指示所傳遞來(lái)的信息的 MIME 類(lèi)型。目前,環(huán)境變量 CONTENT_TYPE 一般都是:application/x-www-form-urlencoded,他表示數(shù)據(jù)來(lái)自于 HTML 表單。 |
CONTENT_LENGTH | 如果服務(wù)器與 CGI 程序信息的傳遞方式是 POST,這個(gè)環(huán)境變量即使從標(biāo)準(zhǔn)輸入 STDIN 中可以讀到的有效數(shù)據(jù)的字節(jié)數(shù)。這個(gè)環(huán)境變量在讀取所輸入的數(shù)據(jù)時(shí)必須使用。 |
HTTP_COOKIE | 客戶機(jī)內(nèi)的 COOKIE 內(nèi)容。 |
HTTP_USER_AGENT | 提供包含了版本數(shù)或其他專有數(shù)據(jù)的客戶瀏覽器信息。 |
PATH_INFO | 這個(gè)環(huán)境變量的值表示緊接在 CGI 程序名之后的其他路徑信息。它常常作為 CGI 程序的參數(shù)出現(xiàn)。 |
QUERY_STRING | 如果服務(wù)器與 CGI 程序信息的傳遞方式是 GET,這個(gè)環(huán)境變量的值即使所傳遞的信息。這個(gè)信息經(jīng)跟在 CGI 程序名的后面,兩者中間用一個(gè)問(wèn)號(hào)'?'分隔。 |
REMOTE_ADDR | 這個(gè)環(huán)境變量的值是發(fā)送請(qǐng)求的客戶機(jī)的IP地址,例如上面的192.168.1.67。這個(gè)值總是存在的。而且它是 Web 客戶機(jī)需要提供給Web服務(wù)器的唯一標(biāo)識(shí),可以在 CGI 程序中用它來(lái)區(qū)分不同的 Web 客戶機(jī)。 |
REMOTE_HOST | 這個(gè)環(huán)境變量的值包含發(fā)送 CGI 請(qǐng)求的客戶機(jī)的主機(jī)名。如果不支持你想查詢,則無(wú)需定義此環(huán)境變量。 |
REQUEST_METHOD | 提供腳本被調(diào)用的方法。對(duì)于使用 HTTP/1.0 協(xié)議的腳本,僅 GET 和 POST 有意義。 |
SCRIPT_FILENAME | CGI 腳本的完整路徑 |
SCRIPT_NAME | CGI 腳本的的名稱 |
SERVER_NAME | 這是你的 WEB 服務(wù)器的主機(jī)名、別名或IP地址。 |
SERVER_SOFTWARE | 這個(gè)環(huán)境變量的值包含了調(diào)用 CGI 程序的 HTTP 服務(wù)器的名稱和版本號(hào)。例如,上面的值為 Apache/2.2.14(Unix) |
以下是一個(gè)簡(jiǎn)單的 CGI 腳本輸出 CGI 的環(huán)境變量:
#!/usr/bin/python3
#coding=utf-8
import os
print ("Content-type: text/html")
print ()
print ("<b>環(huán)境變量</b><br>")
print ("<ul>")
for key in os.environ.keys():
print ("<li><span style='color:green'>%30s </span> : %s </li>" % (key,os.environ[key]))
print ("</ul>")
將以上點(diǎn)保存為 test.py ,并修改文件權(quán)限為 755,執(zhí)行結(jié)果如下:
瀏覽器客戶端通過(guò)兩種方法向服務(wù)器傳遞信息,這兩種方法就是 GET 方法和 POST 方法。
GET 方法發(fā)送編碼后的用戶信息到服務(wù)端,數(shù)據(jù)信息包含在請(qǐng)求頁(yè)面的 URL 上,以"?"號(hào)分割, 如下所示:
?http://localhost/webpy/test.py?key1=value1&key2=value2
?
有關(guān) GET 請(qǐng)求的其他一些注釋:
以下是一個(gè)簡(jiǎn)單的 URL,使用 GET 方法向 test_get.py 程序發(fā)送兩個(gè)參數(shù):
?http://localhost/webpy/test_get.py?name=W3Cschool教程&url=http://m.hgci.cn
?
以下為 test_get.py 文件的代碼:
#!/usr/bin/python3
#coding=utf-8
# CGI處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage 的實(shí)例化
form = cgi.FieldStorage()
# 獲取數(shù)據(jù)
site_name = form.getvalue('name')
site_url = form.getvalue('url')
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2>%s官網(wǎng):%s</h2>" % (site_name, site_url))
print ("</body>")
print ("</html>")
文件保存后修改 hello_get.py,修改文件權(quán)限為 755:
chmod 755 hello_get.py
瀏覽器請(qǐng)求輸出結(jié)果:
以下是一個(gè)通過(guò) HTML 的表單使用 GET 方法向服務(wù)器發(fā)送兩個(gè)數(shù)據(jù),提交的服務(wù)器腳本同樣是 test_get.py 文件,hello_get.html 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/test_get.py" method="get">
站點(diǎn)名稱: <input type="text" name="name"> <br />
站點(diǎn) URL: <input type="text" name="url" />
<input type="submit" value="提交" />
</form>
</body>
</html>
默認(rèn)情況下 webpy 目錄只能存放腳本文件,我們將 hello_get.html 存儲(chǔ)在 WWW 目錄下,修改文件權(quán)限為 755:
chmod 755 hello_get.html
Gif 演示如下所示:
使用 POST 方法向服務(wù)器傳遞數(shù)據(jù)是更安全可靠的,像一些敏感信息如用戶密碼等需要使用 POST 傳輸數(shù)據(jù)。
以下同樣是 test_get.py ,它也可以處理瀏覽器提交的 POST 表單數(shù)據(jù):
#!/usr/bin/python3
#coding=utf-8
# CGI處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage 的實(shí)例化
form = cgi.FieldStorage()
# 獲取數(shù)據(jù)
site_name = form.getvalue('name')
site_url = form.getvalue('url')
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<meta charset=\"utf-8\">")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2>%s官網(wǎng):%s</h2>" % (site_name, site_url))
print ("</body>")
print ("</html>")
以下為表單通過(guò) POST 方法(method="post")向服務(wù)器腳本 test_get.py 提交數(shù)據(jù):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/hello_get.py" method="post">
站點(diǎn)名稱: <input type="text" name="name"> <br />
站點(diǎn) URL: <input type="text" name="url" />
<input type="submit" value="提交" />
</form>
</body>
</html>
</form>
Gif 演示如下所示:
checkbox 用于提交一個(gè)或者多個(gè)選項(xiàng)數(shù)據(jù),HTML 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/checkbox.py" method="POST" target="_blank">
<input type="checkbox" name="youj" value="on" /> W3Cschool教程
<input type="checkbox" name="google" value="on" /> Google
<input type="submit" value="選擇站點(diǎn)" />
</form>
</body>
</html>
以下為 checkbox.py 文件的代碼:
#!/usr/bin/python3
#coding=utf-8
# 引入 CGI 處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage的實(shí)例
form = cgi.FieldStorage()
# 接收字段數(shù)據(jù)
if form.getvalue('google'):
google_flag = "是"
else:
google_flag = "否"
if form.getvalue('youj'):
youj_flag = "是"
else:
youj_flag = "否"
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2> W3Cschool教程是否選擇了 : %s</h2>" % youj_flag)
print ("<h2> Google 是否選擇了 : %s</h2>" % google_flag)
print ("</body>")
print ("</html>")
修改 checkbox.py 權(quán)限:
chmod 755 checkbox.py
瀏覽器訪問(wèn) Gif 演示圖:
通過(guò) CGI 程序傳遞 Radio 數(shù)據(jù)
Radio 只向服務(wù)器傳遞一個(gè)數(shù)據(jù),HTML 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/radiobutton.py" method="post" target="_blank">
<input type="radio" name="site" value="W3Cschool教程" /> W3Cschool教程
<input type="radio" name="site" value="google" /> Google
<input type="submit" value="提交" />
</form>
</body>
</html>
radiobutton.py 腳本代碼如下:
#!/usr/bin/python3
#coding=utf-8
# 引入 CGI 處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage的實(shí)例
form = cgi.FieldStorage()
# 接收字段數(shù)據(jù)
if form.getvalue('site'):
site = form.getvalue('site')
else:
site = "提交數(shù)據(jù)為空"
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2> 選中的網(wǎng)站是 %s</h2>" % site)
print ("</body>")
print ("</html>")
修改 radiobutton.py 權(quán)限:
chmod 755 radiobutton.py
瀏覽器訪問(wèn) Gif 演示圖:
Textarea 向服務(wù)器傳遞多行數(shù)據(jù),HTML 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/textarea.py" method="post" target="_blank">
<textarea name="textcontent" cols="40" rows="4">
在這里輸入內(nèi)容...
</textarea>
<input type="submit" value="提交" />
</form>
</body>
</html>
textarea.py 腳本代碼如下:
#!/usr/bin/python3
#coding=utf-8
# 引入 CGI 處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage的實(shí)例
form = cgi.FieldStorage()
# 接收字段數(shù)據(jù)
if form.getvalue('textcontent'):
text_content = form.getvalue('textcontent')
else:
text_content = "沒(méi)有內(nèi)容"
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2> 輸入的內(nèi)容是:%s</h2>" % text_content)
print ("</body>")
print ("</html>")
修改 textarea.py 權(quán)限:
chmod 755 textarea.py
瀏覽器訪問(wèn) Gif 演示圖:
HTML 下拉框代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form action="/webpy/dropdown.py" method="post" target="_blank">
<select name="dropdown">
<option value="W3Cschool教程" selected>W3Cschool教程</option>
<option value="google">Google</option>
</select>
<input type="submit" value="提交"/>
</form>
</body>
</html>
dropdown.py 腳本代碼如下所示:
#!/usr/bin/python3
#coding=utf-8
# 引入 CGI 處理模塊
import cgi, cgitb
# 創(chuàng)建 FieldStorage的實(shí)例
form = cgi.FieldStorage()
# 接收字段數(shù)據(jù)
if form.getvalue('dropdown'):
dropdown_value = form.getvalue('dropdown')
else:
dropdown_value = "沒(méi)有內(nèi)容"
print ("Content-type:text/html")
print ()
print ("<html>")
print ("<head>")
print ("<meta charset=\"utf-8\">")
print ("<title>W3Cschool教程 CGI 測(cè)試實(shí)例</title>")
print ("</head>")
print ("<body>")
print ("<h2> 選中的選項(xiàng)是:%s</h2>" % dropdown_value)
print ("</body>")
print ("</html>")
修改 dropdown.py 權(quán)限:
chmod 755 dropdown.py
瀏覽器訪問(wèn) Gif 演示圖:
在 http 協(xié)議一個(gè)很大的缺點(diǎn)就是不對(duì)用戶身份的進(jìn)行判斷,這樣給編程人員帶來(lái)很大的不便,而 cookie 功能的出現(xiàn)彌補(bǔ)了這個(gè)不足。
cookie 就是在客戶訪問(wèn)腳本的同時(shí),通過(guò)客戶的瀏覽器,在客戶硬盤(pán)上寫(xiě)入紀(jì)錄數(shù)據(jù) ,當(dāng)下次客戶訪問(wèn)腳本時(shí)取回?cái)?shù)據(jù)信息,從而達(dá)到身份判別的功能,cookie 常用在身份校驗(yàn)中。
http cookie 的發(fā)送是通過(guò) http 頭部來(lái)實(shí)現(xiàn)的,他早于文件的傳遞,頭部set-cookie 的語(yǔ)法如下:
Set-cookie:name=name;expires=date;path=path;domain=domain;secure
Cookie 的設(shè)置非常簡(jiǎn)單,cookie 會(huì)在 http 頭部單獨(dú)發(fā)送。以下實(shí)例在 cookie 中設(shè)置了name 和 expires:
#!/usr/bin/python3
#coding=utf-8
print ('Content-Type: text/html')
print ('Set-Cookie: name="W3Cschool";expires=Thu 02 Dec 2021 18:30:00 GMT')//注意,這個(gè)cookie在這個(gè)時(shí)間前有效,之后使用cookie會(huì)過(guò)期
print ()
print ("""
<html>
<head>
<meta charset="gbk">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<h1>Cookie set OK!</h1>
</body>
</html>
""")
將以上代碼保存到 cookie_set.py,并修改 cookie_set.py 權(quán)限:
chmod 755 cookie_set.py
以上實(shí)例使用了 Set-Cookie 頭信息來(lái)設(shè)置 Cookie 信息,可選項(xiàng)中設(shè)置了 Cookie 的其他屬性,如過(guò)期時(shí)間 Expires,域名 Domain,路徑 Path。這些信息設(shè)置在 "Content-type:text/html"之前。
注意:cookie不能存放中文,本文采用英文例子,如果要使用中文可以使用后端編碼(可以采用utf-8等編碼,python和JavaScript都有提供響應(yīng)的編解碼的功能),傳到前端后再將其解碼即可。
Cookie 信息檢索頁(yè)非常簡(jiǎn)單,Cookie 信息存儲(chǔ)在 CGI 的環(huán)境變量 HTTP_COOKIE 中,存儲(chǔ)格式如下:
key1=value1;key2=value2;key3=value3....
以下是一個(gè)簡(jiǎn)單的 CGI 檢索 cookie 信息的程序:
#!/usr/bin/python3
#coding=utf-8
# 導(dǎo)入模塊
import os
import http.cookies
print ("Content-type: text/html")
print ()
print ("""
<html>
<head>
<meta charset="gbk">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<h1>讀取cookie信息</h1>
""")
if 'HTTP_COOKIE' in os.environ:
cookie_string=os.environ.get('HTTP_COOKIE')
c=http.cookies.SimpleCookie()
c.load(cookie_string)
try:
data=c['name'].value
print ("cookie data: "+data+"<br>")
except KeyError:
print ("cookie 沒(méi)有設(shè)置或者已過(guò)去<br>")
print ("""
</body>
</html>
""")
將以上代碼保存到 cookie_get.py,并修改 cookie_get.py 權(quán)限:
chmod 755 cookie_get.py
以上 cookie 設(shè)置的Gif 如下所示:
HTML 設(shè)置上傳文件的表單需要設(shè)置 enctype 屬性為 multipart/form-data,代碼如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<form enctype="multipart/form-data"
action="/webpy/save_file.py" method="post">
<p>選中文件: <input type="file" name="filename" /></p>
<p><input type="submit" value="上傳" /></p>
</form>
</body>
</html>
save_file.py 腳本文件代碼如下:
#!/usr/bin/python3
#coding=utf-8
import cgi, os
import cgitb
cgitb.enable()
form = cgi.FieldStorage()
# 獲取文件名
fileitem = form['filename']
# 檢測(cè)文件是否上傳
if fileitem.filename:
# 設(shè)置文件路徑
fn = os.path.basename(fileitem.filename)
open(os.getcwd()+'/tmp/' + fn, 'wb').write(fileitem.file.read())
message = '文件 "' + fn + '" 上傳成功'
else:
message = '文件沒(méi)有上傳'
print ("Content-type: text/html")
print ()
print ("""
<html>
<head>
<meta charset="gbk">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p>%s</p>
</body>
</html>
""" % (message,))
將以上代碼保存到 save_file.py,并修改 save_file.py 權(quán)限:
chmod 755 save_file.py
以上文件上傳代碼 Gif 如下所示:
如果你使用的系統(tǒng)是 Unix/Linux,你必須替換文件分隔符,在 window 下只需要使用open() 語(yǔ)句即可:
fn = os.path.basename(fileitem.filename.replace("\\", "/" ))
另外,請(qǐng)注意在webpy下創(chuàng)建一個(gè)tmp文件夾,不然上傳的時(shí)候會(huì)報(bào)錯(cuò)
我們先在當(dāng)前目錄下創(chuàng)建 foo.txt 文件,用于程序的下載。
文件下載通過(guò)設(shè)置 HTTP 頭信息來(lái)實(shí)現(xiàn),功能代碼如下:
#!/usr/bin/python3
# HTTP 頭部
print ("Content-Disposition: attachment; filename=\"foo.txt\"")
print ()
# 打開(kāi)文件
fo = open("foo.txt", "rb")
str = fo.read();
print (str)
# 關(guān)閉文件
fo.close()
更多建議: