Express Cookie的使用

最新推荐文章于 2024-08-08 18:34:38 发布

阅读量1.2w

点赞数 2

分类专栏： Node.js Express 文章标签： Express

本文链接：https://blog.csdn.net/cckevincyh/article/details/79815666

版权

Node.js 同时被 2 个专栏收录

42 篇文章 1 订阅

订阅专栏

Express

9 篇文章 0 订阅

订阅专栏

Express Cookie的使用

cookie 是存储于访问者的计算机中的变量。可以让我们用同一个浏览器访问同一个域名的时候共享数据。
HTTP 是无状态协议。简单地说，当你浏览了一个页面，然后转到同一个网站的另一个页面，服务器无法认识到这是同一个浏览器在访问同一个网站。每一次的访问，都是没有任何关系的。
Cookie 是一个简单到爆的想法：当访问一个页面的时候，服务器在下行 HTTP 报文中，命令浏览器存储一个字符串; 浏览器再访问同一个域的时候，将把这个字符串携带到上行 HTTP 请求中。第一次访问一个服务器，不可能携带 cookie。必须是服务器得到这次请求，在下行响应报头中，携带 cookie 信息，此后每一次浏览器往这个服务器发出的请求，都会携带这个 cookie。

●cookie 保存在浏览器本地
● 正常设置的 cookie 是不加密的，用户可以自由看到;
● 用户可以删除 cookie，或者禁用它
● cookie 可以被篡改
● cookie 可以用于攻击
● cookie 存储量很小。未来实际上要被 localStorage 替代，但是后者 IE9 兼容。

1.安装

cnpm instlal cookie-parser --save

2.引入

    var cookieParser = require('cookie-parser');

3.设置中间件

  app.use(cookieParser());

4.设置 cookie

   res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});  
   //HttpOnly 默认 false 不允许 客户端脚本访问

5.获取 cookie

     req.cookies.name

这里写图片描述

属性说明：

domain: 域名  

name=value：键值对，可以设置要保存的 Key/Value，注意这里的 name 不能和其他属性项的名字一样     Expires： 过期时间（秒），在设置的某个时间点后该 Cookie 就会失效，如 expires=Wednesday, 
09-Nov-99 23:12:40 GMT   

maxAge： 最大失效时间（毫秒），设置在多少后失效     

secure： 当 secure 值为 true 时，cookie 在 HTTP 中是无效，在 HTTPS 中才有效 

Path： 表示 cookie 影响到的路，如 path=/。如果路径不能匹配时，浏览器则不发送这个 Cookie

httpOnly：是微软对 COOKIE 做的扩展。如果在 COOKIE 中设置了“httpOnly”属性，则通过程序（JS 脚本、applet 等）将无法读取到COOKIE 信息，防止 XSS 攻击产生 

singed：表示是否签名cookie, 设为true 会对这个 cookie 签名，这样就需要用 res.signedCookies 而不是 res.cookies 访问它。被篡改的签名 cookie 会被服务器拒绝，并且 cookie 值会重置为它的原始值

domain属性使用demo：

    /*

    cookie-parser可以设置和获取cookie

    1.安装   cnpm instlal cookie-parser --save

    2.引入var cookieParser = require('cookie-parser');

    3.设置中间件

     app.use(cookieParser());

    4.设置cookie

     res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});

     //HttpOnly 默认false不允许 客户端脚本访问

    5.获取cookie

     req.cookies.name



    cookie保存在浏览器本地   如果没有过期的话关闭浏览器在打开cookie还是存在的



    baidu.com  域名


    news.baidu.com
    www.baidu.com



    aaa.com

    news.aaa.com

    www.aaa.com

    //domain:'.aaa.com' 多个二级域名共享cookie

    * */

    var express  = require('express');

    var cookieParser = require('cookie-parser');

    var app = express();

    app.use(cookieParser());



    app.get("/",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs");
    });

    app.get("/news",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs  news");
    });

    app.get("/set",function(req,res){


        //参数1：名字
        //参数2:cookie的值
        //参数3：cookie的配置信息
        res.cookie('username','cookie的值111',{maxAge:600000,domain:'.aaa.com'});



        res.send("设置cookie成功");
    });


    app.listen(3001,'127.0.0.1');


path属性使用demo:


    /*

    cookie-parser可以设置和获取cookie

    1.安装   cnpm instlal cookie-parser --save

    2.引入var cookieParser = require('cookie-parser');

    3.设置中间件

     app.use(cookieParser());

    4.设置cookie

     res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});

     //HttpOnly 默认false不允许 客户端脚本访问

    5.获取cookie

     req.cookies.name



    cookie保存在浏览器本地   如果没有过期的话关闭浏览器在打开cookie还是存在的



    baidu.com  域名


    news.baidu.com
    www.baidu.com



    aaa.com

    news.aaa.com

    www.aaa.com

     domain:'.aaa.com' 多个二级域名共享cookie



     path  表示在哪个路由下面可以访问cookie



     httpOnly:true 设置为true,表示只有在nodejs服务端可以操作cookie ，没法用js脚本语言操作cookie

    * */

    var express  = require('express');

    var cookieParser = require('cookie-parser');

    var app = express();

    app.use(cookieParser());



    app.get("/",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs");
    });

    app.get("/news",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs  news");
    });

    app.get("/set",function(req,res){


        //参数1：名字
        //参数2:cookie的值
        //参数3：cookie的配置信息
        res.cookie('userinfo','cookie111',{maxAge:600000,path:'/news',httpOnly:true});



        res.send("设置cookie成功");
    });


    app.listen(3001,'127.0.0.1');

res.cookie('rememberme', '1', { maxAge: 900000, httpOnly: true }) 

res.cookie('name', 'tobi', { domain: '.example.com', path: '/admin', secure: true }); 

res.cookie('rememberme', '1', { expires: new Date(Date.now() + 900000), httpOnly: true });

    req.cookies.name

设置并获取cookie的demo:

/*

    cookie-parser可以设置和获取cookie

    1.安装   cnpm instlal cookie-parser --save

    2.引入var cookieParser = require('cookie-parser');

    3.设置中间件

     app.use(cookieParser());

    4.设置cookie

     res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});

     //HttpOnly 默认false不允许 客户端脚本访问

    5.获取cookie

     req.cookies.name


    * */

    var express  = require('express');

    var cookieParser = require('cookie-parser');

    var app = express();

    app.use(cookieParser());



    app.get("/",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs");
    });

    app.get("/news",function(req,res){

        console.log(req.cookies);
        res.send("你好nodejs  news");
    });

    app.get("/set",function(req,res){


        //参数1：名字
        //参数2:cookie的值
        //参数3：cookie的配置信息
        res.cookie('username','cookie的值',{maxAge:60000});



        res.send("设置cookie成功");
    });


    app.listen(3001,'127.0.0.1');

    res.cookie('rememberme', '', { expires: new Date(0)}); 

    res.cookie('username','zhangsan',{domain:'.ccc.com',maxAge:0,httpOnly:true});

1.配置中间件的时候需要传参

    var cookieParser = require('cookie-parser');  
    app.use(cookieParser('123456'));

2.设置 cookie 的时候配置 signed 属性

res.cookie('userinfo','hahaha',{domain:'.ccc.com',maxAge:900000,httpOnly:true,signed:true});

3.signedCookies 调用设置的 cookie

    console.log(req.signedCookies);

demo:

    /*

    cookie-parser可以设置和获取cookie

    1.安装   cnpm instlal cookie-parser --save

    2.引入var cookieParser = require('cookie-parser');

    3.设置中间件

     app.use(cookieParser());

    4.设置cookie

     res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});

     //HttpOnly 默认false不允许 客户端脚本访问

    5.获取cookie

     req.cookies.name



    cookie保存在浏览器本地   如果没有过期的话关闭浏览器在打开cookie还是存在的





    aaa.com

        news.aaa.com

        www.aaa.com


        maxAge  过期时间

        domain:'.aaa.com' 多个二级域名共享cookie

        path  表示在哪个路由下面可以访问cookie

        httpOnly:true 设置为true,表示只有在nodejs服务端可以操作cookie ，没法用js脚本语言操作cookie

        signed属性设置成true 表示加密cookie信息


      让用户看不到cookie明文信息


      1.保存的时候加密

      2.cookie-parser里面  signed属性设置成true





    cookie的加密：


    1.参数表示加密的随机字符串
     app.use(cookieParser('sign'));

    2.设置
     res.cookie('userinfo','cookie222_info',{maxAge:600000,signed:true});


    3.使用  获取

     req.signedCookies

    * */

    var express  = require('express');

    var cookieParser = require('cookie-parser');

    var app = express();

    app.use(cookieParser('sign'));


    app.get("/",function(req,res){

        //console.log(req.cookies);

        console.log(req.signedCookies);   /*获取加密的cookie信息*/
        res.send("你好nodejs");
    });
    app.get("/set",function(req,res){


        //参数1：名字
        //参数2:cookie的值
        //参数3：cookie的配置信息
        res.cookie('userinfo','cookie222_info',{maxAge:600000,signed:true});
        res.send("设置cookie成功");

    });


    app.listen(3001,'127.0.0.1');

查看浏览过的城市：


    /*
    * cookie-parser可以设置和获取cookie


    1.安装   cnpm instlal cookie-parser --save

    2.引入var cookieParser = require('cookie-parser');


    3.配置中间件

    app.use(cookieParser());

    4.设置cookie

     res.cookie("name",'zhangsan',{maxAge: 900000, httpOnly: true});

     //HttpOnly 默认false不允许 客户端脚本访问


    5.获取cookie

     req.cookies.name

    *
    * */

    var express  = require('express');
    var cookieParser = require('cookie-parser');
    var app = express();

    app.use(cookieParser());

    app.get("/",function(req,res){


        res.send("您浏览过的城市-"+req.cookies.citys);
    });

    /*您浏览过的城市  /lvyou?city=北京  /lvyou?city=上海    /lvyou?city=杭州    /lvyou?city=重庆 */

    app.get("/lvyou",function(req,res){

        //写入数据要做判断

        var city=req.query.city;  /*获取当前城市*/

        var citys=req.cookies.citys;  /*数组  获取所有的城市*/

        if(citys){

            citys.push(city)
        }else{

            citys=[];  /*没有浏览过任何城市的话 citys改为数组 */

            citys.push(city)
        }

        res.cookie('citys',citys,{maxAge:60*1000*10});

        res.send("您浏览的城市是"+city);
    });

    app.listen(3001);