js 获取cookie_页面Cookie的JS文件编写

默认已完成爬虫文档《爬虫学习文档顺序》

83685fbfcad75fb5437118fee61bd595.png

并简单搭建完展示页面和管理后台的练习部分

例如

管理后台:

e1ce336b9360d6d1cec38d12528e3983.png

展示页面:

c70c21023ac53367404df86e56b19f19.png

接下来完成Cookie的实现

思路如下图:

6099a16f934cd1381837c2beb94cdafc.png

创建一个js文件和index.jsp文件

562d91a318c055e84cb3482790aca1cf.png

jsp文件内容,都是默认实现,主要是为了引入analytics.js

ed15590ece5778b2e29702556acff95e.png

编写analytics.js文件,函数初始结构

f74763724532e89b04907c597fa864c6.png

添加一个CookieUtil工具

fb0fdd97560a3eeb63b9786f8b4c8b57.png

获取cookie的函数

06cdf935f29ebbe7daa824f079d10e53.png

设置cookie的函数

b71a3d54752204dd88010b1deecb9c07.png

后续部分

09417756797c6906c53b31cf7f4162a1.png

再创建一个tracker,添加一个日志打印函数,方便我们调试

8ed116b2c769a311bf7f4a4dffb4f322.png

添加变量keys

1546b458efe384f72063ae0d0a8ba32f.png

创建会话建立函数

a405aae8ea942ec90b739f2b25b7fb54.png

调用

2fb6e229206b1b12460ef8f756d9bacf.png

启动测试下(ctrl+f5强制刷新js,否则可能缓存看不到)

142f556c71a4307a09af64605ceda29b.png

继续编写js

创建generateId产生UUID

7b5c513404045db97b4109cc75116d89.png

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

00fd827b7206bf92d1c8358a72735822.png

添加一个更新方法的函数

2bedfd2f649b5458fff8d99a4a227043.png

创建会话函数

33d19db95316320b8b6be6105d82e252.png

开始会话

176ae32768fd9b1a8f02de7d9f8ecf31.png

查看效果

b73848c274add5743a0dc48ad9668478.png

查看cookie

cf35eed3fe8ba196d737a2b43abbb0f2.png
46dc138b2b8fa48a63cebcffa86d8af2.png

继续完成js

增加一个配置变量clientConfig

b49400c203037a2e6b720f3a0133b3b8.png

判断拜访时间是否过期

aaf0cb918cd94349327297f4d28ac76f.png

添加到开始会话里

577c10437b5e184412937d3d637e5b28.png

查看效果(更改下过期时间测试)

10c6cbea316a74421a42475110998d4a.png

查看

986170853f67cece79212dfdb0c46b14.png

10s以后

e4ae511e8a522f5517ca737020b114ef.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值