Express.js Cookies教程

88 阅读4分钟

大家好,在本教程中,我们将了解Cookies并在Express.js应用程序中实现它。

1.1.简介

Cookies是由服务器发送的任何信息,并存储在客户的浏览器中。这些信息有助于跟踪客户的行动,每次客户访问网站时,浏览器都会将其送回服务器,以识别客户及其行动。应用程序中的Cookies被用来管理会话、客户个性化和跟踪。

1.1 设置Node.js

要在windows上设置Node.js,你需要从这个链接下载安装程序。点击你的平台的安装程序(也包括NPM包管理器),运行安装程序,开始Node.js设置向导。按照向导的步骤操作,完成后点击 "完成"。如果一切顺利,你可以导航到命令提示符来验证安装是否成功,如图1所示。

express.js cookies - npm installation

图 1: 验证 node 和 npm 的安装情况

2.Express.js Cookies教程

为了设置应用程序,我们将需要导航到我们的项目所在的路径。对于编程的东西,我正在使用Visual Studio Code作为我的首选IDE。你可以自由选择你喜欢的IDE。

2.1 设置依赖性

导航到项目目录,运行npm init -y ,创建一个package.json 文件。这个文件保存着与项目有关的元数据,用于管理项目的依赖性、脚本、版本等。在该文件中添加以下代码,我们将指定所需的依赖性。

package.json

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

{

  "name": "expressjs-cookies",

  "version": "1.0.0",

  "description": "Express js and cookies tutorial",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [

    "expressjs"

  ],

  "author": "daniel atlas",

  "license": "MIT",

  "dependencies": {

    "cookie-parser": "^1.4.5",

    "express": "^4.17.1"

  },

  "devDependencies": {

    "nodemon": "^2.0.7"

  }

}

要下载依赖项,请导航到包含文件的目录路径,并使用npm install 命令。如果一切顺利,依赖关系将被加载到node_modules 文件夹中,你就可以进行下一步的操作了。

2.2 创建控制器文件

routes 文件夹中创建一个控制器文件。这个文件将暴露端点,负责处理来自客户端的请求。

api.js

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

const express = require('express');

const router = express.Router();

router.get('/', (req, res) => {

    res.status(200).json({info: 'Application is working fine'});

});

router.post('/set', (req, res) => {

    console.log('Setting cookie');

    let obj = {

        id: req.query.id,

        full_name: req.query.full_name

    };

    res.status(201)

        .cookie('emp', obj, {maxAge: 360000})  

        .json({info: 'Cookie set successfully'});

});

router.get('/get', (req, res) => {

    console.log('Returning cookie');

    res.status(200).json({info: req.cookies});

});

module.exports = router;

2.3 创建一个索引文件

创建一个索引文件,作为我们服务器的一个入口。该文件将包含定义到应用程序端点的路由的代码。

index.js

01

02

03

04

05

06

07

08

09

10

11

12

13

const express = require('express');

const cookieParser = require('cookie-parser');

const app = express();

app.use(cookieParser())

app.use('/', require('./routes/api'));

const PORT = process.env.port || 4001;

app.listen(PORT, () => {

    console.log(`Server started on port ${PORT}`);

});

3.运行应用程序

要运行该应用程序,请导航到项目目录并输入以下命令,如图4所示。如果一切顺利,应用程序将在端口号4001 上成功启动。

express.js cookies - starting the app

图 2: 启动应用程序

4.项目演示

当应用程序启动后,打开Postman工具来打应用程序的端点。你可以自由地选择任何你喜欢的工具。

应用程序端点

同样地,你也可以创建其他的端点。本教程就讲到这里,我希望这篇文章能为你提供你想要的东西。学习愉快,别忘了分享

5.总结

在本教程中,我们学习了--

  • Cookies的介绍
  • 设置Node.js的步骤
  • 编程样本

你可以从下载区下载本教程的源代码。

6.下载项目

这是一个在Express.js应用程序中管理cookies的编程教程。