nodejs 数据库操作教案

nodejs socket.io教案

nodejs electron本地化程序

nodejs 构建webserver

nodejs html5断点续传

nodejs ajax长轮询方案

ajax长轮询方案

redis

node基础教程

Node.js Cookie认证

Cookie

新建html页面，命名为cookie.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>cookie</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.login{
    width: 320px;
    float: left;
    box-sizing: border-box;
    padding: 9px 14px;
    text-align: center;
}
.login>p.title{

}
.login input.user{
    display: block;
    margin: auto;
    border-radius: 3px;
    border: 1px solid #989898;
    padding: 6px 10px;
    margin-bottom: 8px;
}
.login input.pass{
    display: block;
    margin: auto;
    border-radius: 3px;
    border: 1px solid #989898;
    padding: 6px 10px;
    margin-bottom: 8px;
}
.login input.login_btn{
    border: 0px solid #ddd;
    border-radius: 6px;
    background: #2bcd6d;
    color: #fff;
    padding: 9px 18px;
    cursor: pointer;
}

.login_info{
    width: 350px;
    float: left;
    text-align: center;
    padding: 14px 10px;
}
.login_info>div{

}
.login_info div.state{
    margin-bottom: 14px;
}
.login_info div.img{

}
.login_info div.img img{
    width: 75px;
    border-radius: 65px;
    min-width: 75px;
    min-height: 75px;
    background: #b7b7b7;
}
.login_info div.name{
    margin-top: 10px;
}
.login_info div span.success{
    color: #009828;
}
.login_info div span.error{
    color: #fe000c;
}
.login_info div.name span{

}
.login_info div.logout{
    display: inline-block;
    background: #f00;
    margin-top: 10px;
    border-radius: 5px;
    padding: 4px 13px;
    color: #fff;
    cursor: pointer;
}
</style>
</head>
<body>
    <div class="login">
        <p class="title">登录</p>
        <input type="text" placeholder="用户名" class="user" value="">
        <input type="password" placeholder="密码" class="pass" value="">
        <input type="button" value="登录" class="login_btn">
    </div>

document.querySelector(".login_info .img img").src = "";
                document.querySelector(".login_info .logout").style.display = "none";
            } else {
                let state = document.querySelector(".login_info .state span");
                state.className = "";
                state.innerHTML = "";
            }
        });
    }

islogin();
    document.querySelector(".login_btn").onclick=function(){
        var user = document.querySelector(".user").value;
        var pass = document.querySelector(".pass").value;
        if (user==''||pass=='') {
            alert("用户名或密码为空，请重新输入！");return;
        }
        ajax("/login",[user,pass],function (r) {
            r = JSON.parse(r);
            if(r.state==1){
                alert(r.msg);
                islogin()
                // location.reload();
            }else if(r.state==2){
                alert(r.msg);
            }else{
                alert("错误");
            }
        });
    }
</script>
</body>
</html>

新建js文件，命名为crypeo.js,此js为字符串加密文件

var crypto = require('crypto');
exports.encrypt = function (str, secret) {//加密
    var cipher = crypto.createCipher('aes192', secret);
    var enc = cipher.update(str, 'utf8', 'hex');
    enc += cipher.final('hex');
    return enc;
};

exports.decrypt = function (str, secret) {//解密
    var decipher = crypto.createDecipher('aes192', secret);
    var dec = decipher.update(str, 'hex', 'utf8');
    dec += decipher.final('utf8');
    return dec;
};

exports.md5 = function (str) {//md5 加密
    var md5sum = crypto.createHash('md5');
    md5sum.update(str);
    str = md5sum.digest('hex');
    return str;
};

exports.randomString = function (size) {// size 数量 随机生成数量为size随机码  由大小写字母和数字组成
    size = size || 6;
    var code_string = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    var max_num = code_string.length + 1;
    var new_pass = '';
    while (size > 0) {
        new_pass += code_string.charAt(Math.floor(Math.random() * max_num));
        size--;
    }
    return new_pass;
};

新建js文件，cookie.js,此js为主程序

var http = require("http");
var fs = require("fs");

var crypto = require("./crypto");

http.createServer(function(req,res){
    var content='';
    req.on("data",function (params) {
        content += params;
    });

var jiamitype = "qwertyuiop";//加密的秘钥

var user=[{"user":"893187399","pass":"123456"},
    {"user":"123456","pass":"123456"}];//账号密码

req.on("end",function () {
        if(req.method == "GET"&&req.url == "/"){
            var pathname = __dirname + "/cookie.html";
            fs.readFile(pathname,function (err,data) {
                res.end(data);
            })
        }
    
        if (req.method == "POST" && req.url.search(/login/) == 1){//登录
            let par = content.split(",");
            for (let i = 0; i < user.length; i++) {
                if(par[0]==user[i].user){
                    if (par[1] == user[i].pass) {
                        
                        let user = crypto.encrypt(par[0], jiamitype);// 加密
                        res.writeHead(200, {
                            'Set-Cookie': 'user=' + user,//设置cookie
                            "Content-Type": "text/html;chartset:UTF8",
                            "Access-Control-Allow-Orgin": "*"
                        });

}

if (req.method == "POST" && req.url.search(/islogin/) == 1) {//判断是否登录

})
}).listen(3000);
console.log("Server running at http://127.0.0.1:3000");

运行

下图为程序运行成功

输入账号密码，账号密码在主程序中可以自己设定，登录成功后会有提示，并通过ajax获取登录账号的信息，并设置cookie，设置名称为user的cookie，此cookie已加密

点击注销按钮，会退出登录，删除cookie

下图为注销成功后的状态显示

工作人员

 
        作者：赖文剑
        信息录入:赖文剑
        文案编辑:XXX
        视频录制:XXX
        视频编辑:XXX
        图片编辑:XXX
        关键字修改:陈鑫

有思俱乐部学习园地