利用js模擬用戶的cookie信息保存

注:圖片如果損壞,點擊文章鏈接:https://www.toutiao.com/i6814761849708347907/

默認已完成爬蟲文檔《爬蟲學習文檔順序

利用js模擬用戶的cookie信息保存

 

並簡單搭建完展示頁面和管理後臺的練習部分

例如

管理後臺:

利用js模擬用戶的cookie信息保存

 

展示頁面:

利用js模擬用戶的cookie信息保存

 

接下來完成Cookie的實現

思路如下圖:

利用js模擬用戶的cookie信息保存

 

創建一個js文件和index.jsp文件

利用js模擬用戶的cookie信息保存

 

jsp文件內容,都是默認實現,主要是爲了引入analytics.js

利用js模擬用戶的cookie信息保存

 

編寫analytics.js文件,函數初始結構

利用js模擬用戶的cookie信息保存

 

添加一個CookieUtil工具

利用js模擬用戶的cookie信息保存

 

獲取cookie的函數

利用js模擬用戶的cookie信息保存

 

設置cookie的函數

利用js模擬用戶的cookie信息保存

 

後續部分

利用js模擬用戶的cookie信息保存

 

再創建一個tracker,添加一個日誌打印函數,方便我們調試

利用js模擬用戶的cookie信息保存

 

添加變量keys

利用js模擬用戶的cookie信息保存

 

創建會話建立函數

利用js模擬用戶的cookie信息保存

 

調用

利用js模擬用戶的cookie信息保存

 

啓動測試下(ctrl+f5強制刷新js,否則可能緩存看不到)

利用js模擬用戶的cookie信息保存

 

繼續編寫js

創建generateId產生UUID

利用js模擬用戶的cookie信息保存

 

添加sid、uuid的get/set方法,類似於java中的部分

利用js模擬用戶的cookie信息保存

 

添加一個更新方法的函數

利用js模擬用戶的cookie信息保存

 

創建會話函數

利用js模擬用戶的cookie信息保存

 

開始會話

利用js模擬用戶的cookie信息保存

 

查看效果

利用js模擬用戶的cookie信息保存

 

查看cookie

利用js模擬用戶的cookie信息保存

 

利用js模擬用戶的cookie信息保存

 

 

繼續完成js

增加一個配置變量clientConfig

利用js模擬用戶的cookie信息保存

 

判斷拜訪時間是否過期

利用js模擬用戶的cookie信息保存

 

添加到開始會話裏

利用js模擬用戶的cookie信息保存

 

查看效果(更改下過期時間測試)

利用js模擬用戶的cookie信息保存

 

 

查看

利用js模擬用戶的cookie信息保存

 

10s以後

利用js模擬用戶的cookie信息保存

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章