koa学习之路七

Posted 2020-12-01 chao202426

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了koa学习之路七相关的知识，希望对你有一定的参考价值。

之前的文章我们介绍了一下 koa koa-static静态资源中间件，本篇文章我们来看一下 koa 中 cookie 和 session 的使用。

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

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

我们将之前项目中的 app.js 改为如下代码：

//引入 koa模块
const Koa = require(‘koa‘);
const Router = require(‘koa-router‘);
const views = require(‘koa-views‘);
const static = require(‘koa-static‘);

//实例化
const app = new Koa();
const router = new Router();

//配置静态资源中间件
app.use(static(__dirname + "/static"));

//配置模板引擎中间件
app.use(views(‘views‘, {
    extension: ‘ejs‘
}));

router.get(‘/‘, async (ctx) => {
    // 设置 cookie
    ctx.cookies.set(‘userinfo‘,encodeURIComponent(‘张三‘),{maxAge:10*1000})
    await ctx.render(‘index‘, {});
});

router.get(‘/news‘, async (ctx) => {
    // 获取 cookie
    console.log(decodeURIComponent(ctx.cookies.get(‘userinfo‘)));
    await ctx.render(‘index‘, {});
});

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

app.listen(3000);

我们在 router.get("/" ) 中通过 ctx.cookie.set() 的形式设置了一个 "userifon" 的 cookie ,然后在 router.get("/news" ) 中通过 ctx.cookie.get() 的形式来获取我们设置的 userinfo 的 cookie 值。

当我们运行 localhost：3000 后再运行 localhost：3000/news 时，我们在代码编辑器控制台可以看到如下输出结果：

技术图片

从上图可以看出我们已经获取到了 userinfo = "张三" 的 cookie 值。

在 ctx.cookie.set() 中第三个参数为一个对象，里面有一些可选参数，如上面我们设置了一个 maxAge：10 * 1000；意思是该 cookie 值存储时间为 10 * 1000 毫秒，即 10 秒钟，在 10 秒之后会消失，还有其他可选参数，如下：

技术图片

在上面的程序中，我们还用到了

encodeURIComponent 和 decodeURIComponent

上面的两个名词分别表示对参数编码和解码，我们在传输数据的时候如果是汉字，如 "张三"，就需要对其编码和解码，这样才能对内容做正确的传输。

接下来我们再看一下 koa 中 session 的使用。

session 是另一种记录客户状态的机制，不同的是 Cookie 保存在客户端浏览器中，而 session 保存在服务器上。当浏览器访问服务器并发送第一次请求时，服务器端会创建一个 session 对象，生成一个类似于 key,value 的键值对，然后将 key(cookie)返回到浏览器(客户)端，浏览器下次再访问时，携带 key(cookie)，找到对应的 session(value)。客户的信息都保存在 session 中。

使用 koa 中的 session，我们需要安装 koa-session 的模块

npm install koa-session --save

我们将上面的 app.js 改为如下：

//引入 koa模块
const Koa = require(‘koa‘);
const Router = require(‘koa-router‘);
const views = require(‘koa-views‘);
const static = require(‘koa-static‘);
const session = require(‘koa-session‘);

//实例化
const app = new Koa();
const router = new Router();

//配置静态资源中间件
app.use(static(__dirname + "/static"));

//配置模板引擎中间件
app.use(views(‘views‘, {
    extension: ‘ejs‘
}));

//配置session的中间件
app.keys = [‘some secret hurr‘];   /**cookie的签名 默认*/
const CONFIG = {
    key: ‘koa:sess‘, /** 默认 */
    maxAge: 10000,  /**  cookie的过期时间 */
    overwrite: true, /** 默认 可以重写过期时间 */
    httpOnly: true, /**  true表示只有服务器端可以获取 cookie */
    signed: true, /** 默认 签名 */
    rolling: true, /** 在每次请求时强行设置 cookie，这将重置 cookie 过期时间（默认：false） */
    renew: false, /** 当用户进行浏览器操作时刷新 cookie 过期时间 */
};
app.use(session(CONFIG, app));

router.get(‘/‘, async (ctx) => {
    // 设置 cookie
    ctx.session.userinfo=‘张三‘;
    await ctx.render(‘index‘, {});
});

router.get(‘/news‘, async (ctx) => {
    // 获取 cookie
    console.log(ctx.session.userinfo);
    await ctx.render(‘index‘, {});
});

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

app.listen(3000);