06 博客项目登录

[weikee94]

内容

• cookie & session
• redis session
• nginx reverse proxy

[weikee94]

什么是 cookie

• 存储在浏览器的一段字符串 最大5kb
• 跨域不共享
• 格式 k1=v1; 可以存储结构化数据
• 每次发送http请求，会将请求域的cookie发送给server
• server 可以修改cookie返回给浏览器
• 浏览器可以通过JavaScript修改cookie

[weikee94]

cookie 登陆验证

• 根据后端返回data.username 设置 cookie username 的值
• path=/ 允许同domain 下不同path access
• httpOnly 只允许后端修改cookie，🈲️ 止前端使用 document.cookie 修改
• expires 设置有效期

res.setHeader(
  "Set-Cookie",
  `username=${data.username}; path=/; httpOnly; expires=${getCookieExpires()}`
);

[weikee94]

session 演示

• 主要是为了解决cookie 曝露敏感信息，如上面例子就把 username 曝露出来
• 解决方法应该是设立 random userId 对应 session[userId]

  // 解析 session
  let needSetCookie = false;
  let userId = req.cookie.userid;
  if (userId) {
    if (!SESSION_DATA[userId]) {
      SESSION_DATA[userId] = {};
    }
  } else {
    needSetCookie = true;
    userId = `${Date.now()}_${Math.random()}`;
    SESSION_DATA[userId] = {};
  }
  req.session = SESSION_DATA[userId];

[weikee94]

redis

• web server 最常用缓存数据库，数据放在内存中
• access very fast

redis-server

redis-cli

• set dataname data
• get dataname
• keys * (show all the keys)
• del dataname

redis demo

const redis = require("redis");

// 创建客户端
const redisClient = redis.createClient(6379, "127.0.0.1");
redisClient.on("error", (err) => {
  console.error(err);
});

// testing
redisClient.set("myname", "zs", redis.print);
redisClient.get("myname", (err, val) => {
  if (err) {
    console.error(err);
    return;
  }
  console.log("val: ", val);

  // quit
  redisClient.quit();
});

[weikee94]

nginx

• 用于静态服务，负载均衡，反向代理

nginx 配置

• MAC: /usr/local/etc/nginx/nginx.conf

nginx 命令

• 检查文件格式是否正确 nginx -t
• 启动 nginx
• 重启 nginx -s reload
• 停止 nginx -s stop

修改vim file

• sudo vi /usr/local/etc/nginx/nginx.conf
• o 修改
• esc :w 退出

[weikee94]

启动服务项目

• cd blog-1 npm run dev (running localhost:8000)
• cd html-test http-server -p 8081 (running localhost:8001)
• nginx (做反向代理) (running localhost:8080 reverse proxy 8000 and 8001 port)