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

posted on 2020-04-12 23:23  那山的狐狸  阅读(537)  评论(0编辑  收藏  举报

导航