经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
Cookie的工作原理和应用详解
来源:jb51  时间:2021/6/21 16:10:07  对本文有异议

1. Cookie 原理

1.1 Cookie 背景信息

客户端状态管理技术,将状态信息保存在客户端。网景公司发明,浏览器会话技术。一个Cookie只能标识一种信息,它至少含有一个标识该信息的名称name和设置值value。浏览器一般只允许存放300个Cookie,每个站点最多存放20个Cookie,每个大小限制为4kb

1.2 Cookie 工作原理

Cookie工作原理

执行流程:

1.浏览器向服务器发送请求,服务器需要创建cookie,服务器会通过响应携带cookie,在产生响应时会产生Set-Cookie响应头,从而将cookie信息传递给了浏览器;

2.当浏览器再次向服务器发送请求时,会产生cookie请求头,将之前服务器的cookie信息再次发送给了服务器,然后服务器根据cookie信息跟踪客户端状态。

1.3 Cookie 创建、获取、修改

chrome谷歌浏览器查看cookie信息,浏览器地址栏输入:

  • chrome://settings/content/cookies
  • chrome://settings/siteData

Cookie 创建:

  1. // 用响应创建Cookie,等价于 response.addHeader("set-cookie", "name=value");
  2. Cookie cookie = new Cookie(String name, String value); // Cookie: name=value
  3. cookie.setMaxAge(seconds); // 设置Cookie的生命周期
  4. cookie.setPath("/"); // 设置Cookie的共享范围
  5. response.addCookie(cookie); // 添加1个Cookie

Cookie 获取:

  1. // 用请求获取Cookie
  2. Cookie[] cookies = request.getCookies(); // 获取Cookies返回数组
  3. // 需遍历
  4. cookie.getName(); // 获取键
  5. cookie.getValue(); // 获取值

Cookie 修改:

  1. // 修改Cookie
  2. cookie.setValue(String name);

1.4 Cookie 共享范围

/ 当前项目下所有资源均可共享访问该Cookie对象内容

/project/demo 当前项目下只有资源demo均可共享访问该Cookie对象内容

设置 Cookie 数据共享范围:

  1. // 设置Cookie的共享范围
  2. cookie.setPath("/");

1.5 Cookie 生命周期

  • <0:浏览器会话结束/浏览器关闭,内存存储(默认)
  • =0:失效
  • >0:生效时间,单位s

在生命周期内Cookie会跟随任何请求,可通过设置路径限制携带Cookie的请求资源范围

设置 Cookie 数据生命周期:

  1. // 设置Cookie生命周期,单位s
  2. cookie.setMaxAge(int second); // 7天:7*24*60*60

1.6 Cookie 中文乱码 - 解决方案

中文:Unicode,4个字节 英文:ASCII,2个字节

Cookie的中文乱码需要进行编码和解码处理:

编码:java.net.URLEncoder 的 URLEncoder.encode(String str, String encoding)

解码:java.net.URLDecoder 的 URLDecoder.decode(String str, String encoding)

  1. // 编码
  2. Cookie cookie = new Cookie(
  3. URLEncoder.encode("键", "utf-8"),
  4. URLEncoder.encode("值", "utf-8")
  5. );
  6. response.addCookie(cookie);
  7. // 解码
  8. String keyStr = URLDecoder.decode(cookie.getName(), "utf-8");

1.7 Cookie 优缺特点分析

优点:

可配置到期规则:① 1次请求就失效 ②1次浏览器会话(关闭)失效 ③配置永久生效 ● 简单性:基于文本的轻量结构,简单键值对

数据持久性:虽然Cookie可被客户端浏览器的过期处理和干预,但Cookie通常也是客户端上持续时间最长的数据保留形式缺点:

大小受到限制:大多数浏览器的Cookie只有4kb大小的限制

用户配置禁用:客户浏览器设置了禁用接收Cookie的能力,限制了该功能

潜在安全风险:用户可能会操纵篡改浏览器上的Cookie,会造成Cookie应用程序执行失败的问题

2. Cookie 应用

2.0 工具类:CookieUtils

  1. public class CookieUtils {
  2. /**
  3. * 获取指定名称的Cookie对象
  4. * @param cookies 一组Cookie
  5. * @param cookieName 指定的Cookie名称
  6. * @return 需要的Cookie
  7. */
  8. public static Cookie getCookie(Cookie[] cookies, String cookieName) {
  9. if (null != cookies && 0 != cookies.length) {
  10. for (Cookie ck : cookies) {
  11. if (cookieName.equals(ck.getName())) {
  12. return ck;
  13. }
  14. }
  15. }
  16. return null;
  17. }
  18. }

2.1 案例:记录用户上一次访问时间

核心逻辑:

  1. // 判断是否是第一次请求
  2. Cookie cookie = CookieUtils.getCookie(request.getCookies(), "lastTime");
  3. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  4. if (null == cookie) {
  5. // 第一次访问,打印当前时间,并创建Cookie,存储当前时间
  6. Date date = new Date();
  7. System.out.println("第一次访问时间:" + sdf.format(date));
  8. cookie = new Cookie("lastTime", String.valueOf(date.getTime()));
  9. } else {
  10. // 不是第一次访问,从cookie去除上一次访问时间,并打印,获取当前时间,存储cookie中
  11. long currTimeMills = Long.parseLong(cookie.getValue());
  12. System.out.println("上一次访问时间:" + sdf.format(new Date(currTimeMills)));
  13. cookie.setValue(String.valueOf((new Date()).getTime()));
  14. }
  15. response.addCookie(cookie);

Cookie应用

2.2 案例:记录商品的浏览历史信息

历史记录核心逻辑:

  1. String id = request.getParameter("id");
  2. Cookie cookie = CookieUtils.getCookie(request.getCookies(), "history");
  3. if (null == cookie) {
  4. // 木有浏览记录:创建Cookie,并存储浏览记录
  5. cookie = new Cookie("history", id);
  6. } else {
  7. // 有浏览记录
  8. String history = cookie.getValue();
  9. if (!history.contains(id)) {
  10. // 有浏览记录,不包含当前浏览商品:将浏览商品拼接到已有的浏览记录中
  11. history += "-" + id;
  12. cookie.setValue(history);
  13. }
  14. // 有浏览记录,包含当前浏览商品则无需处理
  15. }
  16. response.addCookie(cookie);
  17. // 显示商品浏览记录,路径:/demo/show
  18. response.sendRedirect(request.getContextPath() + File.separator + "show");

显示历史记录信息:

  1. // 获取商品浏览记录
  2. Cookie cookie = CookieUtils.getCookie(request.getCookies(), "history");
  3. StringBuffer respsb = new StringBuffer();
  4. if (null == cookie) {
  5. // 没有浏览记录
  6. respsb.append("<font color='red'>没有浏览记录</font>,");
  7. respsb.append("<a href='books.html'>浏览商品</a>");
  8. } else {
  9. // 有浏览记录: 0-1-2-3
  10. String[] books = {"西游记", "红楼梦", "水浒传", "三国志"};
  11. String history = cookie.getValue();
  12. String[] historys = history.split("-");
  13. respsb.append("您的浏览记录如下:<br>");
  14. for (String index : historys) {
  15. String bookName = books[Integer.parseInt(index)];
  16. respsb.append(bookName).append("<br>");
  17. }
  18. }
  19. response.setContentType("text/html;charset=utf-8");
  20. response.getWriter().println(respsb);

Cookie应用

点击第一个后:

Cookie应用

总结

本篇文章的内容就到这了,希望大家可以多多关注w3xue的其他精彩内容!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号