首页 / NODEJS / 怎样使用Node.js操作cookie保持登录

怎样使用Node.js操作cookie保持登录

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了怎样使用Node.js操作cookie保持登录，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10316字，纯文字阅读大概需要15分钟。

内容图文

这次给大家带来怎样使用Node.js操作cookie保持登录，使用Node.js操作cookie保持登录的注意事项有哪些，下面就是实战案例，一起来看一下。

这次来做一个网站登录的小例子，后面会用到。这个示例会用到Cookie、HTML表单、POST数据体(body)解析。

第一个版本，我们的用户数据就写死在js文件里。第二个版本会引入MongoDB来保存用户数据。

示例准备

1. 使用express创建应用

就下面的命令序列：

express LoginDemo
cd LoginDemo
npm install

2. 登录页面

登录页面的jade模板为login.jade，内容如下：

doctype html
html
 head
  meta(charset='UTF-8')
  title 登录
  link(rel='stylesheet', href='/stylesheets/login.css')
 body
  .form-container
   p.form-header 登录
   form(action='login', method='POST', align='center')
    table
     tr
      td
       label(for='user') 账号：
      td
       input#user(type='text', name='login_username')
     tr
      td
       label(for='pwd') 密码：
      td
       input#pwd(type='password', name='login_password')
     tr
      td(colspan='2', align='right')
       input(type='submit', value='登录')
  p #{msg}

这个模板的最后是一条动态消息，用于显示登录错误信息，msg变量由应用程序传入。

我给login页面写了个简单的CSS，login.css文件，内容如下：

form {
 margin: 12px;
}
a {
 color: #00B7FF;
}
p.form-container {
 display: inline-block;
 border: 6px solid steelblue;
 width: 280px;
 border-radius: 10px;
 margin: 12px;
}
p.form-header {
 margin: 0px;
 font: 24px bold;
 color: white;
 background: steelblue;
 text-align: center;
}
input[type=submit]{
 font: 18px bold;
 width: 120px;
 margin-left: 12px;
}

请把login.css放在public/stylesheets目录下。

3. profile页面

登录成功后会显示配置页面，profile.jade页面内容：

doctype html
html
 head
  meta(charset='UTF-8')
  title= title
 body
  p #{msg}
  p #{lastTime}
  p 
   a(href='/logout') 退出

profile.jade放在views目录下。profile页面显示一条登录成功的消息，还显示上次登录时间，最后提供了一个退出链接。

4. app.js改动

我改动了app.js，以便用户在没有登录时访问网站自动跳转到login页面。新的app.js内容如下：

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var users = require('./routes/users');
var app = express();
// view engine setup
app.set('views', path.join(dirname, 'views'));
app.set('view engine', 'jade');
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(dirname, 'public')));
app.all('*', users.requireAuthentication);
app.use('/', users);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
 var err = new Error('Not Found');
 err.status = 404;
 next(err);
});
// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
 app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
   message: err.message,
   error: err
  });
 });
}
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
 res.status(err.status || 500);
 res.render('error', {
  message: err.message,
  error: {}
 });
});
module.exports = app;

5. users.js

我修改了users.js，把认证、登录、登出等逻辑放在里面，首先要把users.js转为UTF-8编码（sorry，硬编码了汉字哈）。内容：

var express = require('express');
var router = express.Router();
var crypto = require('crypto');
function hashPW(userName, pwd){
 var hash = crypto.createHash('md5');
 hash.update(userName + pwd);
 return hash.digest('hex');
}
// just for tutorial, it's bad really
var userdb = [
  {
   userName: "admin",
   hash: hashPW("admin", "123456"),
   last: ""
  },
  {
   userName: "foruok",
   hash: hashPW("foruok", "888888"),
   last: ""
  }
 ];
function getLastLoginTime(userName){
 for(var i = 0; i < userdb.length; ++i){
  var user = userdb[i];
  if(userName === user.userName){
   return user.last;
  }
 }
 return "";
}
function updateLastLoginTime(userName){
 for(var i = 0; i < userdb.length; ++i){
  var user = userdb[i];
  if(userName === user.userName){
   user.last = Date().toString();
   return;
  }
 }
}
function authenticate(userName, hash){
 for(var i = 0; i < userdb.length; ++i){
  var user = userdb[i];
  if(userName === user.userName){
   if(hash === user.hash){
     return 0;
   }else{
     return 1;
   }
  }
 }
 return 2;
}
function isLogined(req){
 if(req.cookies["account"] != null){
  var account = req.cookies["account"];
  var user = account.account;
  var hash = account.hash;
  if(authenticate(user, hash)==0){
   console.log(req.cookies.account.account + " had logined.");
   return true;
  }
 }
 return false;
};
router.requireAuthentication = function(req, res, next){
 if(req.path == "/login"){
  next();
  return;
 }
 if(req.cookies["account"] != null){
  var account = req.cookies["account"];
  var user = account.account;
  var hash = account.hash;
  if(authenticate(user, hash)==0){
   console.log(req.cookies.account.account + " had logined.");
   next();
   return;
  }
 }
 console.log("not login, redirect to /login");
 res.redirect('/login?'+Date.now());
};
router.post('/login', function(req, res, next){
 var userName = req.body.login_username;
 var hash = hashPW(userName, req.body.login_password);
 console.log("login_username - " + userName + " password - " + req.body.login_password + " hash - " + hash);
 switch(authenticate(userName, hash)){
 case 0: //success
  var lastTime = getLastLoginTime(userName);
  updateLastLoginTime(userName);
  console.log("login ok, last - " + lastTime);
  res.cookie("account", {account: userName, hash: hash, last: lastTime}, {maxAge: 60000});
  res.redirect('/profile?'+Date.now());
  console.log("after redirect");
  break;
 case 1: //password error
  console.log("password error");
  res.render('login', {msg:"密码错误"});
  break;
 case 2: //user not found
  console.log("user not found");
  res.render('login', {msg:"用户名不存在"});
  break;
 }
});
router.get('/login', function(req, res, next){
 console.log("cookies:");
 console.log(req.cookies);
 if(isLogined(req)){
  res.redirect('/profile?'+Date.now());
 }else{
  res.render('login');
 }
});
router.get('/logout', function(req, res, next){
 res.clearCookie("account");
 res.redirect('/login?'+Date.now());
});
router.get('/profile', function(req, res, next){
 res.render('profile',{
  msg:"您登录为："+req.cookies["account"].account, 
  title:"登录成功",
  lastTime:"上次登录："+req.cookies["account"].last
 });
});
module.exports = router;

如你所见，我内置了两个账号，admin和foruok，登录时就验证这两个账号，不对就报错。

好了，执行“npm start”，然后在浏览器里打开“http://localhost:3000”，可以看到下面的效果：

怎样使用Node.js操作cookie保持登录 - 文章图片

折腾几次，登录，退出，再次登录，效果如下：

怎样使用Node.js操作cookie保持登录 - 文章图片

好啦，这就是这个示例的效果。接下来我们来解释一下用到概念和部分代码。

处理POST正文数据

我们在示例中使用了HTML表单来接收用户名和密码，当input元素的类型为submit时，点击它，浏览器会把表单内的数据按一定的格式组织之后编码进body，POST到指定的服务器地址。用户名和密码，在服务器端，可以通过HTML元素的名字属性的值找出来。

服务器解析表单数据这一过程，我们不用担心，用了express的body-parser中间件，它会帮我们做这件事，只要做简单的配置即可。而且这些配置代码，express generator都帮我们完成了，如下：

//加载body-parser模块
var bodyParser = require('body-parser');
...
//应用中间件
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

我们处理/login路径上的POST请求的代码在users.js里，从“router.post(‘/login'…”开始（94行，要是markdown能自动给代码插入行号就好了）。引用登录表单内的用户名的代码如下：

var userName = req.body.login_username;

注意到了吧，express.Request对象req内有解析好的body，我们使用login_username来访问用户名。而login_username就是我们在HTML里的input元素的name属性的值。就这么关联的。password也类似。

cookie

cookie，按我的理解，就是服务器发给浏览器的一张门票，要访问服务器内容，可以凭票入场，享受某种服务。服务器可以在门票上记录一些信息，从技术角度讲，想记啥记啥。当浏览器访问服务器时，HTTP头部把cookie信息带到服务器，服务器解析出来，校验当时记录在cookie里的信息。

HTTP协议本身是无状态的，而应用服务器往往想保存一些状态，cookie应运而生，由服务器颁发，通过HTTP头部传给浏览器，浏览器保存到本地。后续访问服务器时再通过HTTP头部传递给服务器。这样的交互，服务器就可以在cookie里记录一些用户相关的信息，比如是否登录了，账号了等等，然后就可以根据这些信息做一些动作，比如我们示例中的持久登录的实现，就利用了cookie。还有一些电子商务网站，实现购物车时也可能用到cookie。

cookie存储的是一些key-value对。在express里，Request和Response都有cookie相关的方法。Request实例req的cookies属性，保存了解析出的cookie，如果浏览器没发送cookie，那这个cookies对象就是一个空对象。

express有个插件，cookie-parser，可以帮助我们解析cookie。express生成的app.js已经自动为我们配置好了。相关代码：

var cookieParser = require('cookie-parser');
...
app.use(cookieParser());

express的Response对象有一个cookie方法，可以回写给浏览器一个cookie。

下面的代码发送了一个名字叫做“account”的cookie，这个cookie的值是一个对象，对象内有三个属性。

代码如下:

res.cookie("account", {account: userName, hash: hash, last: lastTime}, {maxAge: 60000});

res.cookie()方法原型如下：

res.cookie(name, value [, options])

文档在这里：http://expressjs.com/4x/api.html。

浏览器会解析HTTP头部里的cookie，根据过期时间决定保存策略。当再次访问服务器时，浏览器会把cookie带给服务器。服务器使用cookieParser解析后保存在Request对象的cookies属性里，req.cookies本身是一个对象，解析出来的cookie，会被关联到req.cookies的以cookie名字命名的属性上。比如示例给cookie起的名字叫account，服务端解析出的cookie，就可以通过req.cookies.account来访问。注意req.cookies.account本身既可能是简单的值也可能是一个对象。在示例中通过res.cookie()发送的名为account的cookie，它的值是一个对象，在这种情况下，服务器这边从HTTP请求中解析出的cookie也会被组装成一个对象，所以我们通过req.cookies.account.account就可以拿到浏览器通过cookie发过来的用户名。但如果浏览器没有发送名为“account”的cookie，那req.cookies.account.hash这种访问就会抛异常，所以我在代码里使用req.cookies[“account”]这种方式来检测是否有account这个cookie。

持久登录

如果用户每次访问一个需要鉴权的页面都要输入用户名和密码来登录，那就太麻烦了。所以，很多现代的网站都实现了持久登录。我的示例使用cookie简单实现了持久登录。

在处理/login路径上的POST请求时，如果登录成功，就把用户名、一个hash值、还有上次登录时间保存在cookie里，并且设置cookie的有效期为60秒。这样在60秒有效期内，浏览器后续的访问就会带cookie，服务端代码从cookie里验证用户名和hash值，让用户保持登录状态。当过了60秒，浏览器就不再发送cookie，服务端就认为需要重新登录，将用户重定向到login页面。

现在服务端的用户信息就简单的放在js代码里了，非常丑陋，下次我们引入MongoDB，把用户信息放在数据库里。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的怎样使用Node.js操作cookie保持登录全部内容，希望文章能够帮你解决怎样使用Node.js操作cookie保持登录所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/288832.html

来源：【匿名】

【上一篇】如何使用nodejs实现动态html 【下一篇】node.js和php的区别有哪些？

更多 ►

【怎样使用Node.js操作cookie保持登录】教程文章相关的互联网学习教程文章

怎样使用Node.js操作cookie保持登录

这次给大家带来怎样使用Node.js操作cookie保持登录，使用Node.js操作cookie保持登录的注意事项有哪些，下面就是实战案例，一起来看一下。这次来做一个网站登录的小例子，后面会用到。这个示例会用到Cookie、HTML表单、POST数据体(body)解析。第一个版本，我们的用户数据就写死在js文件里。第二个版本会引入MongoDB来保存用户数据。示例准备1. 使用express创建应用就下面的命令序列：express LoginDemo cd LoginDemo npm install2. ...

connect中间件session、cookie的使用方法分享_node.js

Connect是一个node中间件（middleware）框架。具体不表，看官网介绍 http://www.senchalabs.org/connect/ 在app.js中配置下（必须放到app.use(routes);之前）代码如下:var connect = require("connect");app.use(connect.cookieParser());app.use(connect.session({ secret: jiami, cookie: { maxAge: 60*60*24*1000}})); 然后在控制器中使用代码如下://设置req.session.username="sess_username";req.session.password="sess_admi...

express的中间件cookieParser详解_node.js【图】

cookieParser中间件用于获取web浏览器发送的cookie中的内容.在使用了cookieParser中间件后, 代表客户端请求的htto.IncomingMessage对象就具有了一个cookies属性,该属性之为一个对象的数组, 其中存放了所有web浏览器发送的cookie,每一个cookie为cookies属性值数组中的一个对象. index.html代码:代码如下:向服务器上传文件function submitCookie(){var xhr=new XMLHttpRequest();xhr.open("post","index.html",true);document.cookie...

Node.js使用cookie保持登录的方法

这次来做一个网站登录的小例子，后面会用到。这个示例会用到Cookie、HTML表单、POST数据体(body)解析。第一个版本，我们的用户数据就写死在js文件里。第二个版本会引入MongoDB来保存用户数据。示例准备 1. 使用express创建应用就下面的命令序列： express LoginDemo cd LoginDemo npm install2. 登录页面登录页面的jade模板为login.jade，内容如下： doctype html htmlheadmeta(charset=UTF-8)title 登录link(rel=stylesheet, ...

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）【图】

此内容需有node.js+express+mysql入门基础，若基础薄弱，可参考博主的其他几篇node.js博文： 1.下载Mysql数据库，安装并配置。创建用户表供登录使用：2.node.js平台下Express的session与cookie模块包的配置：//www.gxlcms.com/article/112190.htm 3.node.js平台下的mysql数据库配置及连接：//www.gxlcms.com/article/110079.htm 完成前两步后需下载配置Ejs模块包： *下载ejs模块包：npm install ejs --save-dev *配置ejs：/*设置模...

详解node.js平台下Express的session与cookie模块包的配置

首先下载两个模块包 session模块包：用于保持登录状态或保持会话状态等。 npm install express-session --save-devcookie模块包：用于解析cookie。 npm install cookie-parser --save-dev接着在app.js(我在node.js的配置中提到的，也就是服务器主文件)中配置： var session = require("express-session"); var cookie = require("cookie-parser"); app.configure(function() {app.use(cookie());app.use(session({name: "final",se...

Angular.js与node.js项目里用cookie校验账户登录详解【图】

前言最近的新项目中，用户登录需要采用cookie来记住用户，校验身份。所以本文就把实现的过程总结出来分享给大家，需要的朋友们可以参考学习。在header中携带authId登录在之前老的项目里，没有采用cookie来记录用户登录状态，而是在请求的header中携带一个身份标识来校验，大致方案如下：客户端使用post请求提交user、password给服务端进行登录操作；服务端校验用户是否合法，如果合法将产生一个唯一的身份标识authId，返回给客...

node.js cookie-parser之parser.js

cookie-parser的作用，官方的说法是：Parse Cookie header and populate req.cookies with an object keyed by the cookie names.我的理解是，转换headers中的cookie并跟req.cookies合并。作为cookie-parser的核心，parser提示了2个函数：signedCookies和JSONCookies，以及它们的帮助函数。此文到这里也就结束了这个插件，让我们来回顾一下，同时也打开了下一篇关于session的学习。cookie-parser从客户端取cookie，然后经过express...

node.js cookie-parser 中间件介绍

之前加入了一个学习笔记本群，通过学习笔记来分享学习成果。也在这里发一份吧。当我们在写web的时候，难免会要使用到cookie，由于node.js有了express这个web框架，我们就可以方便地去建站。在使用express时，经常会使用到cookie-parser这个插件。今天我们来分析一下这个插件。这个插件通常当作中间件使用，app.use(cookieParser()), 这样就可以处理每一个请求的cookie。从名字上看，这就是一个解释Cookie的工具。通过req.cookies可...

【Node.js】Cookie与Session模拟登录【代码】

Cookie基本用法 const express = require('express'); let app = express()const cookieParser = require("cookie-parser") app.use(cookieParser())// 设置 res.cookie(k,v,过期时间) // 过期时间过期时间有两种{maxAge:时间段} {expires:时间点}// 获取let date = new Date("2021-1-8 9:54:00")app.get("/", (req, res) => {console.log(req.cookies);// res.cookie("name","zs",{maxAge:1000*10})// res.cookie("name","z...

nodeJs的cookie和session

cookie 和 session 众所周知，HTTP 是一个无状态协议，所以客户端每次发出请求时，下一次请求无法得知上一次请求所包含的状态数据，如何能把一个用户的状态数据关联起来呢？比如在淘宝的某个页面中，你进行了登陆操作。当你跳转到商品页时，服务端如何知道你是已经登陆的状态？ cookie 首先产生了 cookie 这门技术来解决这个问题，cookie 是 http 协议的一部分，它的处理分为如下几步：服务器向客户端发送 cookie。通常使用 HTTP ...

Node.js 使用cookie【代码】

const http = require('http'); const querystring = require('querystring') const PORT = 3000const getExpires = () => {let now = new Date();now.setTime(now.getTime() + (30 * 60 * 1000))return now.toGMTString(); }const server = http.createServer((req, res) => {res.setHeader('Content-Type', 'application/json')let url = req.url;req.path = url.split('?')[0];req.query = querystring.parse(url.split('?')[1]...

使用javascript或Express.js或node.js处理Cookie？

我只想知道哪种是处理Cookie的最佳方法？使用Express.js吗？ Node.js或客户端JavaScript jQuery？我对安全性的观点有点困惑. 感谢您的所有帮助/信息.解决方法:您应该在Cookie中保留一些会话ID,而不是实际数据(在大多数情况下,尤其是对于任何与用户相关的敏感数据,都是如此). 使用cookie的正确方法是： >让用户输入其登录名/密码,然后选中“保持登录状态”复选框.>在服务器端,根据输入的登录名和密码,确定用户凭证是否有效.>假设有...

NODEJS - 技术教程分类

Node.js 教程 Node.js 安装配置 Node.js 创建第一个应用 NPM 使用介绍 Node.js REPL Node.js 回调函数 Node.js 事件循环 Node.js EventEmitter Node.js Buffer Node.js Stream Node.js 模块系统 Node.js 函数 Node.js 路由 Node.js 全局对象 Node.js 常用工具 Node.js 文件系统 Node.js GET/POST请求 Node.js 工具模块 Node.js Web 模块 Node.js Express 框架 Node.js RESTful API Node.js 多进程 Node.js MySQL Node.js MongoDB nodejs 全部

NODEJS - 最热教程

Node.js Error: Cannot find module ex...如何使用node.js实现获取微信用户授权（...node.js中的npmupdate如何使用 nodejsnpm包管理的配置方法及常用命令介...node.js+Ajax实现获取HTTP服务器返回数...nodejs调用cmd命令实现复制目录_node.j...快速搭建Node.js(Express)用户注册、登...nodejs入门教程五：连接数据库的方法分...nodejs中自动启用服务==类似于前端的热...14款NodeJS Web框架推荐

首页 / NODEJS / 怎样使用Node.js操作cookie保持登录

怎样使用Node.js操作cookie保持登录

内容导读

内容图文

内容总结

内容备注

内容手机端

【怎样使用Node.js操作cookie保持登录】教程文章相关的互联网学习教程文章

怎样使用Node.js操作cookie保持登录

connect中间件session、cookie的使用方法分享_node.js

express的中间件cookieParser详解_node.js【图】

Node.js使用cookie保持登录的方法

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）【图】

详解node.js平台下Express的session与cookie模块包的配置

Angular.js与node.js项目里用cookie校验账户登录详解【图】

node.js cookie-parser之parser.js

node.js cookie-parser 中间件介绍

【Node.js】Cookie与Session模拟登录【代码】

nodeJs的cookie和session

Node.js 使用cookie【代码】

使用javascript或Express.js或node.js处理Cookie？

IE - 相关标签

NODEJS - 技术教程分类

NODEJS - 最新教程

NODEJS - 最热教程