看到好多網站提供記住用戶名或密碼的功能,上網搜了些關于cookie的文章學習整理一下.
一.什么是Cookies?
你會問,什么是cookies呢? cookie 是瀏覽器保存在用戶計算機上的少量數據。它與特定的WEB頁或WEB站點關聯起來,自動地在WEB瀏覽器和WEB服務器之間傳遞。
比如,如果你運行的是Windows操作系統,使用Internet Explorer上網,那么你會發現在你的“Windows”目錄下面有一個子目錄,叫做“Temporary Internet Files”。如果你有空看看這個目錄,就會發現里面有一些文件,文件名稱看起來就象電子郵件地址。比如在我機器上的這個目錄里,就有 “XX@support.microsoft.com”這樣的文件。這是一個cookie 文件,這個文件從哪來呢?猜一猜,它來自微軟的支持站點。
對于管理細小的、不重要的、不想保存在中央數據庫里的細節信息,Cookies 是個很不錯的方案。(這不是說大家的名字不重要。)比如,目前網站上不斷增長的自定義服務,可以為每個用戶定制他們要看的內容。如果你設計的就是這樣一個站點,那么你怎么來管理這樣的信息:一個用戶喜歡綠色的菜單條,而另一個喜歡紅色的。確實是個累人的問題。不過,這樣的信息,可以很安全地記錄到cookie,并保存在用戶的計算機上,而你自己的數據庫空間可以留給更長久更有意義的數據。
總結 Cookies 對于安全用途,通常很有用。我不想在此就這一問題過于深入,只是提供一個示例,可以看到如何使用在一段時間之后過期的cookies來保證站點安全:
1. 使用用戶名和口令,通過 SSL 登錄。
2. 在服務器的數據庫里檢查用戶名和口令。如果登錄成功,建立一個當前時間標簽的消息摘要 (比如 MD5) ,并把它保存在cookie和服務器數據庫里。把用戶的登錄時間保存在服務器數據庫里面的用戶記錄里。
3. 在進行每個安全事務時(用戶處于登錄狀態的任何事務),把cookie的消息摘要和保存在服務器數據庫里的摘要進行比較,如果比較失敗,就把用戶引導到登錄界面。
4. 如果第3步檢查通過,那么檢查當前時間和登錄時間之音經過的時間是否超過允許的時間長度。如果用戶已經超時,那么就把用戶引到登錄界面。
5. 如果第3步和第4步都通過了,那么把登錄時間重新設置成當前時間,允許事務發生。那些需要你登錄的安全站點,可能多數使用的都是和這里介紹的類似的方法。
二.Cookie的構成
Cookies最初設計時,是為了CGI編程。但是,我們也可以使用Javascript腳本來操縱cookies。
在Javascript腳本里,一個cookie 實際就是一個字符串屬性。當你讀取cookie的值時,就得到一個字符串,里面當前WEB頁使用的所有cookies的名稱和值。每個cookie除了name名稱和value值這兩個屬性以外,還有四個屬性。這些屬性是: expires過期時間、 path路徑、 domain域、以及 secure安全。
1.Expires–過期時間
指定cookie的生命期。具體是值是過期日期。如果想讓cookie的存在期限超過當前瀏覽器會話時間,就必須使用這個屬性。當過了到期日期時,瀏覽器就可以刪除cookie文件,沒有任何影響。
2.Path–路徑
指定與cookie關聯的WEB頁。值可以是一個目錄,或者是一個路徑。如果http://www.zdnet.com/devhead/index.html 建立了一個cookie,那么在http://www.zdnet.com/devhead/目錄里的所有頁面,以及該目錄下面任何子目錄里的頁面都可以訪問這個cookie。這就是說,在http://www.zdnet.com/devhead/stories/articles 里的任何頁面都可以訪問http://www.zdnet.com/devhead/index.html建立的cookie。但是,如果http://www.zdnet.com/zdnn/ 需要訪問http://www.zdnet.com/devhead/index.html設置的cookes,該怎么辦?這時,我們要把cookies 的path屬性設置成“/”。在指定路徑的時候,凡是來自同一服務器,URL里有相同路徑的所有WEB頁面都可以共享cookies。現在看另一個例子:如果想讓 http://www.zdnet.com/devhead/filters/ 和http://www.zdnet.com/devhead/stories/共享cookies,就要把path設成“/devhead”。
3.Domain–域
指定關聯的WEB服務器或域。值是域名,比如zdnet.com。這是對path路徑屬性的一個延伸。如果我們想讓 catalog.mycompany.com 能夠訪問shoppingcart.mycompany.com設置的cookies,該怎么辦? 我們可以把domain屬性設置成“mycompany.com”,并把path屬性設置成“/”。FYI:不能把cookies域屬性設置成與設置它的服務器的所在域不同的值。
4.Secure–安全
指定cookie的值通過網絡如何在用戶和WEB服務器之間傳遞。這個屬性的值或者是“secure”,或者為空。缺省情況下,該屬性為空,也就是使用不安全的HTTP連接傳遞數據。如果一個 cookie 標記為secure,那么,它與WEB服務器之間就通過HTTPS或者其它安全協議傳遞數據。不過,設置了secure屬性不代表其他人不能看到你機器本地保存的cookie。換句話說,把cookie設置為secure,只保證cookie與WEB服務器之間的數據傳輸過程加密,而保存在本地的cookie文件并不加密。如果想讓本地cookie也加密,得自己加密數據。
三.操作Cookies
請記住,cookie就是文檔的一個字符串屬性。要保存cookie,只要建立一個字符串,格式是name=(名稱=值),然后把文檔的 document.cookie 設置成與它相等即可。比如,假設想保存表單接收到的用戶名,那么代碼看起來就象這樣:
- document.cookie = "username=" + escape(form.username.value);
document.cookie = "username=" + escape(form.username.value);
在這里,使用 escape() 編碼函數非常重要,因為cookie值里可能包含分號、逗號或者空格。這就是說,在讀取cookie值時,必須使用對應的unescape()函數給值解碼。
1.cookie的四個屬性
name=[; expires=][; domain=][; path=][; secure]
名稱=<值>[; expires=<日期>][; domain=<域>][; path=<路徑>][; 安全], 和 應當用對應的值替換。
2.應當使用GMT格式
可以使用Javascript腳本語言的日期類Date的.toGMTString() 方法得到這一GMT格式的日期值。
3.方括號代表這項是可選的
比如在 [; secure]兩邊的方括號代表要想把cookie設置成安全的,就需要把"; secure" 加到cookie字符串值的后面。如果"; secure" 沒有加到cookie字符串后面,那么這個cookie就是不安全的。
4.不要把尖括號<> 和方括號[] 加到cookie里
(除非它們是某些值的內容)設置屬性時,不限屬性,可以用任何順序設置。
下面是一個例子,在這個例子里,cookie "username" 被設置成在15分鐘之后過期,可以被服務器上的所有目錄訪問,可以被"mydomain.com"域里的所有服務器訪問,安全狀態為安全。
-
-
-
- var expiration = new Date((new Date()).getTime() + 15 * 60000);
- document.cookie = "username=" + escape(form.username.value)+ "; expires ="
- + expiration.toGMTString() + "; path=" + "/" + "; _
- domain=" + "mydomain.com" + "; secure";
// Date() 的構造器設置以毫秒為單位
// .getTime() 方法返回時間,單位為毫秒
// 所以要設置15分鐘到期,要用60000毫秒乘15分鐘
var expiration = new Date((new Date()).getTime() + 15 * 60000);
document.cookie = "username=" + escape(form.username.value)+ "; expires ="
+ expiration.toGMTString() + "; path=" + "/" + "; _
domain=" + "mydomain.com" + "; secure";
讀取cookies值有點象個小把戲,因為你一次就得到了屬于當前文檔的所有cookies。
// 下面這個語句讀取了屬于當前文檔的所有cookies
- var allcookies = document.cookie;
var allcookies = document.cookie;
現在,我們得解析allcookies變量里的不同cookies,找到感興趣的指定cookie。這個工作很簡單,因為我們可以利用Javascript語言提供的擴展字符串支持。
如果我們對前面分配的cookie "username" 感興趣,可以用下面的腳本來讀取它的值。
-
- function getCookie(cookie_name)
- {
- var allcookies = document.cookie;
- var cookie_pos = allcookies.indexOf(cookie_name);
-
-
-
- if (cookie_pos != -1)
- {
-
- cookie_pos += cookie_name.length + 1;
- var cookie_end = allcookies.indexOf(";", cookie_pos);
- if (cookie_end == -1)
- {
- cookie_end = allcookies.length;
- }
-
- var value = unescape(allcookies.substring(cookie_pos, cookie_end));
- }
- return value;
- }
// 我們定義一個函數,用來讀取特定的cookie值。
function getCookie(cookie_name)
{
var allcookies = document.cookie;
var cookie_pos = allcookies.indexOf(cookie_name);
// 如果找到了索引,就代表cookie存在,
// 反之,就說明不存在。
if (cookie_pos != -1)
{
// 把cookie_pos放在值的開始,只要給值加1即可。
cookie_pos += cookie_name.length + 1;
var cookie_end = allcookies.indexOf(";", cookie_pos);
if (cookie_end == -1)
{
cookie_end = allcookies.length;
}
var value = unescape(allcookies.substring(cookie_pos, cookie_end));
}
return value;
}
// 調用函數
- var cookie_val = getCookie("username");
var cookie_val = getCookie("username");
上面例程里的 cookie_val 變量可以用來生成動態內容,或者發送給服務器端CGI腳本進行處理。現在你知道了使用Javascript腳本操縱cookies的基本方法。但是,如果你跟我一樣,那么我們要做的第一件事,就是建立一些接口函數,把cookies處理上的麻煩隱藏起來。不過,在你開始編程之前,稍候片刻。這些工作,早就有人替你做好了。你要做的,只是到哪去找這些接口函數而已。
比如,在David Flangan的Javascript: The Definitive Guide 3rd Ed.這本書里,可以找到很好的cookie應用類。你也可以在Oreilly的WEB站點上找到這本書里的例子。本文最后的鏈接列表里,有一些訪問這些cookie示例的直接鏈接。
四.Cookies 的隱患
1.Cookies 安全性
因為某些原因Cookies 的名聲很不好。許多人利用cookies做一些卑鄙的事情,比如流量分析、點擊跟蹤。Cookies 也不是非常安全,特別是沒有secure屬性的cookies。不過,即使你用了安全的cookies,如果你和別人共用計算機,比如在網吧,那么別人就可以窺探計算機硬盤上未加密保存的cookie文件,也就有可能竊取你的敏感信息。所以,如果你是一個WEB開發人員,那么你要認真考慮這些問題。不要濫用cookies。不要把用戶可能認為是敏感的數據保存在cookies里。如果把用戶的社會保險號、信用卡號等保存在cookie里,等于把這些敏感信息放在窗戶紙下,無異于把用戶投到極大危險之中。一個好的原則是,如果你不想陌生人了解你的這些信息,那就不要把它們保存在cookies里。
2.cookies還有一些實際的限制
Cookies保留在計算機上,不跟著用戶走。如果用戶想換計算機,那么新計算機無法得到原來的cookie。甚至用戶在同一臺計算機上使用不同瀏覽器,也得不到原來的cookie:Netscape 不能讀取Internet Explorer 的cookies。
3.用戶不愿意接受cookies
所以不要以為所有的瀏覽器都能接受你發出的cookies。如果瀏覽器不接受cookies,你要保證自己的WEB站點不致因此而崩潰或中斷。
4.WEB 瀏覽器能保留的cookies不一定能超過300個
也沒有標準規定瀏覽器什么時候、怎么樣作廢cookies。所以達到限制時,瀏覽器能夠有效地隨機刪除cookies。瀏覽器保留的來自一個WEB服務器上的cookies,不超過20個,每個cookie的數據(包括名稱和值),不超過4K字節.
[b]總之,注意保持cookie簡單。不要依賴cookies的存在,不要在每個cookie里保存太多信息。不要保存太多的cookes。但是,拋除這些限制,在技巧高超的WEB管理員手里,cookie的概念是一個有用的工具。
posted on 2008-11-24 23:48
Vincent-chen 閱讀(227)
評論(0) 編輯 收藏 所屬分類:
JavaScript