【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】web前端學(xué)習(xí)教程：Cookie會(huì)話跟蹤技術(shù)

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】web前端學(xué)習(xí)教程：Cookie會(huì)話跟蹤技術(shù)

1.Cookie會(huì)話跟蹤技術(shù)介紹

會(huì)話跟蹤是Web程序中常用的技術(shù)，用來(lái)跟蹤用戶的整個(gè)會(huì)話。常用的會(huì)話跟蹤技術(shù)是Cookie與Session。Cookie通過(guò)在客戶端記錄信息確定用戶身份,可以在客戶端保存臨時(shí)數(shù)據(jù).

Cookie技術(shù)誕生以來(lái)，它就成了廣大網(wǎng)絡(luò)用戶和Web開(kāi)發(fā)人員爭(zhēng)論的一個(gè)焦點(diǎn)。有一些網(wǎng)絡(luò)用戶，甚至包括一些資深的Web專家也對(duì)它的產(chǎn)生和推廣感到不滿，這并不是因?yàn)镃ookie技術(shù)的功能太弱或其他技術(shù)性能上的原因，而是因?yàn)镃ookie的使用對(duì)網(wǎng)絡(luò)用戶的隱私構(gòu)成了危害。因?yàn)镃ookie是由Web服務(wù)器保存在用戶瀏覽器上的小文本文件，它包含有關(guān)用戶的信息.

Cookie技術(shù)產(chǎn)生源于HTTP協(xié)議在互聯(lián)網(wǎng)上的急速發(fā)展。隨著互聯(lián)網(wǎng)的深層次發(fā)展，帶寬等限制不存在了，人們需要更復(fù)雜的互聯(lián)網(wǎng)交互活動(dòng)，就必須同服務(wù)器保持活動(dòng)狀態(tài)。于是，在瀏覽器發(fā)展初期，為了適應(yīng)用戶的需求，技術(shù)上推出了各種保持Web瀏覽狀態(tài)的手段，其中就包括了Cookie技術(shù)。1993年，網(wǎng)景公司雇員LouMontulli為了讓用戶在訪問(wèn)某網(wǎng)站時(shí)，進(jìn)一步提高訪問(wèn)速度，同時(shí)也為了進(jìn)一步實(shí)現(xiàn)個(gè)人化網(wǎng)絡(luò)，發(fā)明了今天廣泛使用的Cookie.

Cookie是在HTTP協(xié)議下，服務(wù)器或腳本可以維護(hù)客戶工作站上信息的一種方式。Cookie是由Web服務(wù)器保存在用戶瀏覽器(客戶端)上的小文本文件，它可以包含有關(guān)用戶的信息。無(wú)論何時(shí)用戶鏈接到服務(wù)器，Web站點(diǎn)都可以訪問(wèn)Cookie信息

目前有些Cookie是臨時(shí)的，有些則是持續(xù)的。臨時(shí)的Cookie只在瀏覽器上保存一段規(guī)定的時(shí)間，一旦超過(guò)規(guī)定的時(shí)間，該Cookie就會(huì)被系統(tǒng)清除

持續(xù)的Cookie則保存在用戶的Cookie文件中，下一次用戶返回時(shí)，仍然可以對(duì)它進(jìn)行調(diào)用。在Cookie文件中保存Cookie，有些用戶擔(dān)心Cookie中的用戶信息被一些別有用心的人竊取，而造成一定的損害。其實(shí)，網(wǎng)站以外的用戶無(wú)法跨過(guò)網(wǎng)站來(lái)獲得Cookie信息。如果因?yàn)檫@種擔(dān)心而屏蔽Cookie，肯定會(huì)因此拒絕訪問(wèn)許多站點(diǎn)頁(yè)面。因?yàn)?，?dāng)今有許多Web站點(diǎn)開(kāi)發(fā)人員使用Cookie技術(shù)，例如Session對(duì)象的使用就離不開(kāi)Cookie的支持.

會(huì)話跟蹤技術(shù)是用于維持客戶端和服務(wù)器端通信信息的技術(shù),而Cookie是其中的一種會(huì)話跟蹤技術(shù);

Cookie是在http協(xié)議下，服務(wù)器或腳本可以維護(hù)客戶端信息的一種方式,

Cookie保存在客戶端，通常保存在瀏覽器的Cookie臨時(shí)文件夾中，可以手動(dòng)刪除,

當(dāng)用戶訪問(wèn)服務(wù)器時(shí)，服務(wù)器可以設(shè)置和訪問(wèn)cookie的信息

Cookie利用了網(wǎng)頁(yè)代碼中的HTTP頭信息進(jìn)行傳遞的，瀏覽器的每一次網(wǎng)頁(yè)請(qǐng)求，都可以伴隨Cookie傳遞

2.Cookie的機(jī)制

在程序中，會(huì)話跟蹤是很重要的事情。理論上，一個(gè)用戶的所有請(qǐng)求操作都應(yīng)該屬于同一個(gè)會(huì)話，而另一個(gè)用戶的所有請(qǐng)求操作則應(yīng)該屬于另一個(gè)會(huì)話，二者不能混淆。例如，用戶A在超市購(gòu)買的任何商品都應(yīng)該放在A的購(gòu)物車內(nèi)，不論是用戶A什么時(shí)間購(gòu)買的，這都是屬于同一個(gè)會(huì)話的，不能放入用戶B或用戶C的購(gòu)物車內(nèi)，這不屬于同一個(gè)會(huì)話。

而Web應(yīng)用程序是使用HTTP協(xié)議傳輸數(shù)據(jù)的。HTTP協(xié)議是無(wú)狀態(tài)的協(xié)議。一旦數(shù)據(jù)交換完畢，客戶端與服務(wù)器端的連接就會(huì)關(guān)閉，再次交換數(shù)據(jù)需要建立新的連接。這就意味著服務(wù)器無(wú)法從連接上跟蹤會(huì)話。即用戶A購(gòu)買了一件商品放入購(gòu)物車內(nèi)，當(dāng)再次購(gòu)買商品時(shí)服務(wù)器已經(jīng)無(wú)法判斷該購(gòu)買行為是屬于用戶A的會(huì)話還是用戶B的會(huì)話了。要跟蹤該會(huì)話，必須引入一種機(jī)制。

由于HTTP是一種無(wú)狀態(tài)的協(xié)議，服務(wù)器單從網(wǎng)絡(luò)連接上無(wú)從知道客戶身份。怎么辦呢?就給客戶端們頒發(fā)一個(gè)通行證吧，每人一個(gè)，無(wú)論誰(shuí)訪問(wèn)都必須攜帶自己通行證。這樣服務(wù)器就能從通行證上確認(rèn)客戶身份了。這就是Cookie的工作原理。

Cookie實(shí)際上是一小段的文本信息。客戶端請(qǐng)求服務(wù)器，如果服務(wù)器需要記錄該用戶狀態(tài)，就使用response向客戶端瀏覽器頒發(fā)一個(gè)Cookie?？蛻舳藶g覽器會(huì)把Cookie保存起來(lái)。當(dāng)瀏覽器再請(qǐng)求該網(wǎng)站時(shí)，瀏覽器把請(qǐng)求的網(wǎng)址連同該Cookie一同提交給服務(wù)器。服務(wù)器檢查該Cookie，以此來(lái)辨認(rèn)用戶狀態(tài)。服務(wù)器還可以根據(jù)需要修改Cookie的內(nèi)容。

Cookie在你瀏覽網(wǎng)頁(yè)的時(shí)候，網(wǎng)站服務(wù)器放在客戶端(ClientEnd，就是你的電腦)里面的一個(gè)小小的TXT文件。這個(gè)文件里面存儲(chǔ)了一些與你訪問(wèn)的這個(gè)網(wǎng)站有關(guān)的一些東西，當(dāng)你下一次訪問(wèn)這個(gè)網(wǎng)站的時(shí)候，Cookie就會(huì)記住你上次訪問(wèn)時(shí)候的一些狀態(tài)或者設(shè)置，讓服務(wù)器針對(duì)性的發(fā)送頁(yè)面的相關(guān)內(nèi)容。Cookie里面包含的信息并沒(méi)有一個(gè)標(biāo)準(zhǔn)的格式，各個(gè)網(wǎng)站服務(wù)器的規(guī)范都可能不同，但一般會(huì)包括：所訪問(wèn)網(wǎng)站的域名(domainname)，訪問(wèn)開(kāi)始的時(shí)間，訪問(wèn)者的IP地址等客戶端信息，訪問(wèn)者關(guān)于這個(gè)網(wǎng)站的一些設(shè)置等等。比如，你設(shè)置的諸如Google一個(gè)頁(yè)面要顯示幾條搜索結(jié)果之類的信息，即使你不登錄你的Google賬號(hào)，你下次訪問(wèn)時(shí)也能夠保存下來(lái)，這就是上次你訪問(wèn)時(shí)把相關(guān)信息放入了Cookie的效果。如果是在線購(gòu)物網(wǎng)站，還記錄了一些你的購(gòu)物車，儲(chǔ)物架以及你的賬戶名等信息。另外有些網(wǎng)站則會(huì)通過(guò)Cookie把你的登錄賬號(hào)和密碼記下來(lái)，這樣你下次打開(kāi)瀏覽器就會(huì)自動(dòng)登錄。

當(dāng)然，如果你在系統(tǒng)文件夾中打開(kāi)Cookie的TXT文件，你并不會(huì)看到這些信息而只能看到一串亂七八糟的字符，因?yàn)闉榱税踩鹨?jiàn)，Cookie的內(nèi)容一般都是加密的，只有對(duì)應(yīng)的服務(wù)器才能讀懂。另外，由于Cookie只是TXT文件，而不是程序，更不是病毒，不能自己運(yùn)行，不會(huì)對(duì)操作系統(tǒng)和其他任何計(jì)算機(jī)程序產(chǎn)生影響，也不會(huì)通過(guò)互聯(lián)網(wǎng)傳播，因此它對(duì)互聯(lián)網(wǎng)安全實(shí)際上不構(gòu)成威脅。

對(duì)于網(wǎng)站分析而言，Cookie的作用在于幫助嵌入代碼類的網(wǎng)站分析工具記錄網(wǎng)站的訪問(wèn)(Visit)和訪問(wèn)者(UniqueVisitor)的信息，沒(méi)有Cookie就無(wú)法實(shí)現(xiàn)相關(guān)監(jiān)測(cè)。而通過(guò)服務(wù)器端Log來(lái)進(jìn)行網(wǎng)站分析的軟件則不需要Cookie也能實(shí)現(xiàn)相關(guān)分析，因此Cookie只對(duì)嵌入代碼類工具有效。那些你耳熟能詳?shù)墓ぞ摺狦oogleAnalytics、Omniture、HBX、WebTrends(嵌入代碼版)等等，都需要在網(wǎng)站訪問(wèn)者的電腦上放置Cookie才能實(shí)現(xiàn)監(jiān)測(cè)。

3.Cookie如何使用

在JavaScript語(yǔ)言中,我們使用document.cookie:獲取/設(shè)置cookie

格式為:name=value;[expires=過(guò)期時(shí)間];[path=訪問(wèn)路徑];[domain=域名];[secure]

如:document.cookie="username=zhangsan";

4.Cookie的應(yīng)用場(chǎng)景

4.1自動(dòng)登錄

4.2電商購(gòu)物車功能

4.3記錄用戶登錄網(wǎng)址的次數(shù)

4.4商品瀏覽記錄

5.電商購(gòu)物車案例

在瀏覽器本地實(shí)現(xiàn)購(gòu)物車功能

在商品詳情界面,我們可以點(diǎn)擊加入購(gòu)物車按鈕,將商品添加到購(gòu)物車中,該加入購(gòu)物車的商品數(shù)據(jù)實(shí)際保存在Cookie中,商品詳情頁(yè)面如下圖:

個(gè)商品到購(gòu)物車后,我們可以前往