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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值