HTML用cookie实现自动登录,小菜鸟变大笨鸟-使用node-cookie完成自动登录

node，cookie完成自动登录

注意点：

1 种一个cookie,res.cookie("cookie名","cookie内容",{path:路径,signed:是否加密，maxAge:超时时间})

2 cookie加密，req.secret规定一个加密规则，然后res.cookie("cookie名","cookie内容",{path:路径,signed:true，maxAge:超时时间})

3 获取cookie,利用cookie-parser,先声明server.use(cookieParser());获取，req.cookies;

4 cookie解密：server.use(cookieParser("asdfghjklpoiuytrewqasdgh1234567"));在使用cookieparser中间件的时候，告诉cookieparse你的加密规则,然后使用req.signedCookies

步骤：

1 安装express express-static cookie-parser

2 引入express express-static cookie-parser，创建一个sever并监听端口

代码：

html:

用户名:

密码:

记住密码

css:

.box {

position: absolute;

left: 0;

right: 0;

top: -800px;

bottom: 0;

margin: auto;

transition: all ease 1s;

width: 400px;

height: 400px;

border: 1px solid rgba(0, 0, 0, .5);

box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, .5);

}

js：

$(document).ready(() => {

setTimeout(() => {

$(".box").css("top", "0");

}, 15)

// cookie自动登录

setTimeout(() => {

ajax({

url: "http://localhost:8020/auto",

type: "get",

success: (res) => {

alert(res);

}

})

}, 2000)

// 注册

$("#register").on("click", () => {

ajax({

url: "http://localhost:8020/register",

type: "get",

data: {

"userName": user.value,

"password": pass.value

},

success: (res) => {

alert(res);

}

})

})

// 登录

$("#login").on("click", () => {

console.log(remberPassword.checked);

ajax({

url: "http://localhost:8020/login",

type: "get",

data: {

"userName": user.value,

"password": pass.value,

"isCookie": remberPassword.checked

},

success: (res) => {

alert(res);

}

})

})

})

nodejs

var express = require("express");

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

var static = require("express-static");

var fs = require("fs");

var server = express();

server.listen(8020);

server.use(cookieParser("asdfghjklpoiuytrewqasdgh1234567"));

// //注册

server.use("/register", (req, res) => {

let userMessage = req.query;

fs.readFile("../user.txt", "utf8", (err, data) => {

if (err) console.log(err);

let user;

if (data) {

user = JSON.parse(data);

} else {

user = {};

}

if (user[userMessage.userName]) {

res.send("用户已存在");

return;

} else {

user[userMessage.userName] = userMessage.password;

fs.writeFile("../user.txt", JSON.stringify(user), (err, data) => {

if (err) {

console.log(err);

}

res.send("注册成功");

});

}

});

});

/*

1 种一个cookie,res.cookie("cookie名","cookie内容",{path:路径,signed:是否加密，maxAge:超时时间})

2 cookie加密，req.secret规定一个加密规则，然后res.cookie("cookie名","cookie内容",{path:路径,signed:true，maxAge:超时时间})

3 获取cookie,利用cookie-parser,先声明server.use(cookieParser());获取，req.cookies;

4 cookie解密：server.use(cookieParser("asdfghjklpoiuytrewqasdgh1234567"));在使用cookieparser中间件的时候，告诉cookieparse你的加密规则,然后使用req.signedCookies

*/

//登录

server.use("/login", (req, res) => {

let userMessage = req.query;

req.secret = "asdfghjklpoiuytrewqasdgh1234567";

fs.readFile("../user.txt", "utf-8", (err, data) => {

if (err) console.log(err);

let userData = JSON.parse(data);

if (userData[userMessage.userName] == userMessage.password) {

if (userMessage.isCookie) {

res.cookie("user1", userMessage.userName + "-" + userMessage.password, {

signed: true,

maxAge: 60 * 1000,

});

}

res.send("登录成功");

} else {

res.send("登录失败");

}

});

});

//自动登录

server.use("/auto", (req, res) => {

let cookies = req.signedCookies;

console.log(cookies);

if (cookies.user1) {

let userMessage = {};

userMessage.userName = cookies["user1"].split("-")[0];

userMessage.password = cookies["user1"].split("-")[1];

req.secret = "asdfghjklpoiuytrewqasdgh1234567";

fs.readFile("../user.txt", "utf-8", (err, data) => {

if (err) console.log(err);

let userData = JSON.parse(data);

if (userData[userMessage.userName] == userMessage.password) {

res.send("登录成功");

}

});

} else {

res.send("登录超时,请重新登录");

}

});

server.use(static("./../"));

效果：