Cookie 简介

cookie 是存储于访问者的计算机中的变量。可以让我们用同一个浏览器访问同一个域 名的时候共享数据。

HTTP 是无状态协议。简单地说，当你浏览了一个页面，然后转到同一个网站的另一个页 面，服务器无法认识到这是同一个浏览器在访问同一个网站。每一次的访问，都是没有任何 关系的。

Cookie的使用场景有很多比如：保存用户信息，浏览器历史记录，猜你喜欢的功能，10天免登陆，多个页面之间的数据传递，cookie实现购物车功能

Koa Cookie 的使用

不需要安装第三方模块，可以直接在Koa 中设置 Cookie 的值

ctx.cookies.set(name,value,[options])

通过options 设置 cookie name 的value

maxAge：一个数字表示从 Date.now() 得到的毫秒（就是说cookie的有效时长）

expires： cookie 过期的Date（就是说这个cookie到某个日期时间就到期）

path：cookie 路径, 默认是'/' ，如果设置了其它，比如/news表示当访问/news的时候才设置这个cookies

domain：cookie 域名，正常情况下不要设置，当有很多个子域名的时候可以这样设置.baidu.com（这样表示baidu.com下的子域名，比如a.baidu.com或者b.baidu.com都可以）

secure：安全 cookies 默认 false，设置成 true 表示 只有 https 可以访问

httpOnly：是否只是服务器可访问 cookies, 默认是true

overwrite ：一个布尔值，表示是否覆盖以前设置的同名 的 cookies(默认是 false). 如果是 true, 在同 一个请求中设置相同名称的所有 Cookies（不 管路径或域）是否在设置此 Cookies 时从 Set-Cookie 标头中过滤掉。

设置cookies和获取cookies

创建node应用app.js和index.html和news.html模板

let Koa = require('koa')

let router = require('koa-router')()

const render = require('koa-art-template');

const path = require('path');

var app = new Koa()

//配置 koa-art-template模板引擎

render(app, {

  root: path.join(__dirname, 'views'),   // 视图的位置

  extname: '.html',  // 后缀名

  debug: process.env.NODE_ENV !== 'production'  //是否开启调试模式

});

router.get('/',async (ctx)=>{

  ctx.cookies.set('userinfo', 'zhangsan', {

     maxAge:60*1000*60

  });

  let list = {

    name: '张三'

  }

  await ctx.render('index',{

    list:list

  });

})

router.get('/news',async (ctx)=>{

  var userinfo = ctx.cookies.get('userinfo');

  console.log(userinfo);

  let app = {

    name: '张三11',

    userinfo: userinfo

  };

  await ctx.render('news',{

    list: app

  });

})

app.use(router.routes());   /*启动路由*/

app.use(router.allowedMethods());

app.listen(3000);
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Title</title>

</head>

<body>

  <h2 class="title">这是一个index页面</h2>

  <br/>

  <h2>绑定数据</h2>

  {{list.name}}

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Title</title>

</head>

<body>

  <h2 class="title">这是一个news页面</h2>

  <br/>

  <h2>绑定数据</h2>

  {{list.name}}

  <h2>Cookies</h2>

  {{list.userinfo}}

</body>

</html>

启动服务后，浏览器访问/根路由可以看到设置cookies成功

访问/news路由，获取cookies

其它options 设置

let Koa = require('koa')

let router = require('koa-router')()

const render = require('koa-art-template');

const path = require('path');

var app = new Koa()

//配置 koa-art-template模板引擎

render(app, {

  root: path.join(__dirname, 'views'),   // 视图的位置

  extname: '.html',  // 后缀名

  debug: process.env.NODE_ENV !== 'production'  //是否开启调试模式

});

router.get('/',async (ctx)=>{

  ctx.cookies.set('userinfo', 'zhangsan', {

     maxAge:60*1000*60,

     path: '/news', //这里表示当我访问/news这个路由（页面）的时候才设置这个cookies

     httpOnly: false

  });

  let list = {

    name: '张三'

  }

  await ctx.render('index',{

    list:list

  });

})

router.get('/news',async (ctx)=>{

  var userinfo = ctx.cookies.get('userinfo');

  console.log(userinfo);

  let app = {

    name: '张三11',

    userinfo: userinfo

  };

  await ctx.render('news',{

    list: app

  });

})

app.use(router.routes());   /*启动路由*/

app.use(router.allowedMethods());

app.listen(3000);

重启服务后，运行，当访问到/页面的时候，没有设置cookies了，获取cookies也是为空的，访问/news的时候才设置cookies，设置了httpOnly的值为false，那么前端也可以获取到cookies

可以看到当访问/news路由（页面）时，前端可以使用document.cookie获取到cookies

Koa 中设置中文 Cookie

当设置Cookie的时候，如果有中文，运行匹配到路由后后台程序就报错了：argument value is invalid

在koa中没有直接设置中文的 ，需要自己在设置cookies（转换成base64字符 串）和获取cookies（还原base 64字符串）

let Koa = require('koa')

let router = require('koa-router')()

const render = require('koa-art-template');

const path = require('path');

var app = new Koa()

//配置 koa-art-template模板引擎

render(app, {

  root: path.join(__dirname, 'views'),   // 视图的位置

  extname: '.html',  // 后缀名

  debug: process.env.NODE_ENV !== 'production'  //是否开启调试模式

});

router.get('/',async (ctx)=>{

  //koa中没法直接设置中文的cookie，需要进行

  var userinfo = new Buffer('胡椒粉').toString('base64'); // 转换成base64字符串,类似：aGVsbG8sIHdvcmxkIQ==

  ctx.cookies.set('userinfo', userinfo, {

     maxAge:60*1000*60

  });

  let list = {

    name: '张三',

  }

  await ctx.render('index',{

    list:list

  });

})

router.get('/news',async (ctx)=>{

  var data = ctx.cookies.get('userinfo');

  var userinfo= new Buffer(data, 'base64').toString()// 还原base 64字符串

  console.log(userinfo);

  let app = {

    name: '张三11',

    userinfo: userinfo

  };

  await ctx.render('news',{

    list: app

  });

})

app.use(router.routes());   /*启动路由*/

app.use(router.allowedMethods());

app.listen(3000);

运行后可以看到浏览器端存储的cookies userinfo的值是一串看不懂的字符串，在访问/news页面获取cookies   还原base 64字符串

Koa Cookie 的使用的更多相关文章

  1. koa cookie使用

    1 .Koa 中设置 Cookie 的值 ctx.cookies.set(name, value, [options])  通过 options 置 设置 cookie name 的 value : ...

  2. koa 基础（十五）cookie 设置中文

    1.app.js // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ ...

  3. koa 基础（十四）cookie 的基本使用

    1.app.js /** * cookie的简介: * 1.cookie保存在浏览器客户端 * 2.可以让我们用同一个浏览器访问同一个域名的时候共享数据 * * cookie的作用: * 1.保存用户 ...

  4. Cookie、Session、JWT在koa中的应用及实现原理

    目录 Cookie 重要属性 实现原理 cookie签名实现原理 注意事项 Session 实现原理 JWT 使用方式 组成 实际应用 实现原理 前端存储方式 cookie session local ...

  5. axios携带cookie配置详解(axios+koa) 原

    话不多说,一个字,干! 前端配置如下: axios.defaults.withCredentials = true; //配置为tru openid: 'oJ0mVw4QrfS603gFa_uAFDA ...

  6. 跟我一起了解koa之koa的cookie（三）

    代码中写入 然后我们每次刷新浏览器,代码里面的pvid都会改变 我们可以读取cookie 访问json数据出现结果

  7. Koa中设置中文Cookie值

    默认情况下, 如果 ctx.cookies.set('user', '杨过', { domain: 'xxxx', path: 'xxxx', maxAge: 24 * 60 * 60 * 1000, ...

  8. koa简介

    资料来源:http://javascript.ruanyifeng.com/nodejs/koa.htmlhttp://koa.bootcss.com/ 以下内容为摘抄,纯属做笔记加深印象.勿喷. 使 ...

  9. 基于react+react-router+redux+socket.io+koa开发一个聊天室

    最近练手开发了一个项目,是一个聊天室应用.项目虽不大,但是使用到了react, react-router, redux, socket.io,后端开发使用了koa,算是一个比较综合性的案例,很多概念和 ...

随机推荐

  1. 【转载】WPS通过设置密码的方式对Excel文件加密

    有时候Excel文件中可能包含一些敏感数据,此时希望对Excel文件进行加入密码的形式进行加密保护,在WPS软件和Office Excel软件中都支持对Excel文件进行密码保护,设置了密码保护的Ex ...

  2. 动画 VUE基础回顾8

    过渡和动画 使用<transition> 组件包裹 例: <transition name="fade"> <div v-if="true& ...

  3. Mysql慢查询日志以及优化

    慢查询日志设置 当语句执行时间较长时,通过日志的方式进行记录,这种方式就是慢查询的日志. 1.临时开启慢查询日志(如果需要长时间开启,则需要更改mysql配置文件) set global slow_q ...

  4. 红米手机使用应用沙盒一键修改sdk信息

    前面文章介绍了怎么在安卓手机上安装激活XPOSED框架,XPOSED框架的极强的功能各位都介绍过,能不修改APK的前提下,修改系统内核的参数,打个比方在某些应用情景,各位需要修改手机的某个系统参数,这 ...

  5. 移动应用开发中AppID、AppKey、AppSecret

    ppID:应用的唯一标识AppKey:公匙(相当于账号)AppSecret:私匙(相当于密码) token:令牌(过期失效) 使用方法 1. 向第三方服务器请求授权时,带上AppKey和AppSecr ...

  6. Java开发环境之MyEclipse

    查看更多Java开发环境配置,请点击<Java开发环境配置大全> 拾贰章:MyEclipse安装教程 1)下载MyEclipse安装包 http://www.myeclipsecn.com ...

  7. Linux无法被远程登录；用户的关机， 重启，注销，新增用户，删除用户

    不能使用xshell连接到我的Linux服务器 通过再windows的cmd中ping了我的Linux地址,发现网络不通. 查看百度发现是因为网络没有选桥接模式,然后选完桥接模式告诉我: 然后发现没有 ...

  8. ArcGIS pro 发布地图服务（一）动态地图服务

    1.软件:arcgis pro 2.4  数据:.mxd文档. 2.导入mxd文档. 3.登录portal账号 4.分析—发布 5.在server中的地图服务 JavaScript api 查看 6. ...

  9. .NET Core项目修改project.json来引用其他目录下的源码等文件的办法 & 解决多框架时 project.json 与 app.config冲突的问题

    作者: zyl910 一.缘由 项目规模大了后,经常会出现源码文件分布在不同目录的情况,但.NET Core项目默认只有项目目录下的源码文件,且不支持“Add As Link”方式引入文件.这时需要手 ...

  10. Linux TTY函数跟踪

    1. 介绍 本文介绍了TTY打开.TTY读和TTY写操作的函数跟踪过程 2. 示例 下面是一个简单的Linux TTY打开和读写过程 #include <termios.h> #inclu ...