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

默認已完成爬蟲文檔《 》

利用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信息保存


分享到:


相關文章: