后端开发工程师-后端框架和库-Express.js_Express与前端框架的结合.docx

PAGE1

PAGE1

Express.js基础入门

1Express.js环境搭建

在开始使用Express.js之前，首先需要确保你的开发环境已经搭建好。Express.js是基于Node.js的Web应用框架，因此，Node.js的安装是前提条件。

1.1安装Node.js

访问Node.js官网（/）下载并安装适合你操作系统的Node.js版本。

1.2安装Express.js

安装完Node.js后，打开命令行工具，使用以下命令安装Express.js：

npminstallexpress--save

1.3创建项目目录

在命令行中，使用mkdir命令创建一个新的项目目录：

mkdirmy-express-app

cdmy-express-app

1.4初始化项目

在项目目录中，运行以下命令初始化项目：

npminit-y

这将创建一个package.json文件，用于管理项目依赖。

2创建第一个Express应用

创建一个Express应用非常简单，只需几行代码即可。下面是一个简单的Express应用示例：

//引入express模块

constexpress=require(express);

constapp=express();

constport=3000;

//设置路由

app.get(/,(req,res)={

res.send(HelloWorld!);

});

//启动服务器

app.listen(port,()={

console.log(`Serverrunningathttp://localhost:${port}`);

});

2.1代码解析

引入express模块：使用require函数引入Express模块，并创建一个Express应用实例。

设置路由：使用app.get方法设置一个路由，当用户访问/路径时，服务器将返回HelloWorld!。

启动服务器：使用app.listen方法启动服务器，监听3000端口。

运行此应用，你可以在浏览器中访问http://localhost:3000，看到“HelloWorld!”的响应。

3理解Express路由

Express路由用于定义应用程序的URL结构。路由可以是静态的，也可以是动态的，使用参数或正则表达式。

3.1静态路由

静态路由是最简单的路由形式，如上例所示。

app.get(/about,(req,res)={

res.send(Aboutpage);

});

3.2动态路由

动态路由允许你从URL中捕获信息。例如，使用参数：

app.get(/user/:id,(req,res)={

constuserId=req.params.id;

res.send(`UserID:${userId}`);

});

在这个例子中，/user/:id是一个动态路由，req.params.id将捕获URL中的id部分。

3.3路由组

你可以使用路由组来简化路由的定义，例如：

app.get(/api/users,(req,res)={

res.send(Listofusers);

});

app.get(/api/users/:id,(req,res)={

res.send(`UserID:${req.params.id}`);

});

app.post(/api/users,(req,res)={

res.send(Createanewuser);

});

3.4路由中间件

路由中间件可以用于处理特定路由的请求。例如，你可以创建一个中间件来检查用户是否登录：

constcheckAuth=(req,res,next)={

if(req.isAuthenticated()){

next();

}else{

res.redirect(/login);

}

};

app.get(/dashboard,checkAuth,(req,res)={

res.send(Dashboard);

});

在这个例子中，checkAuth中间件检查用户是否登录，如果登录，则调用next()函数，继续处理请求；如果没有登录，则重定向到登录页面。

4中间件在Express中的应用

中间件是Express的核心概念之一，用于处理HTTP请求和响应的函数。中间件可以执行以下任务：

执行任何代码。

做出响应。

调用堆栈中的下一个中间件。

4.1创建中间件

创建中间件非常简单，只需要定义一个函数，该