使用Express.js开发Web应用程序

Coder_Kevin_Vans

于 2023-04-25 22:17:59 发布

阅读量208

点赞数

本文链接：https://blog.csdn.net/m0_75198698/article/details/130375373

版权

Express.js是一个流行的Node.js Web应用程序框架，它提供了丰富的功能和中间件来简化Web应用程序的开发过程。以下是使用Express.js开发Web应用程序的详细步骤：

1. 安装Node.js和npm
首先需要安装Node.js和npm。可以在Node.js官网上下载并安装。

2. 初始化项目
使用npm初始化一个新项目，命令如下：

```

npm init

```

3. 安装Express.js
使用npm安装Express.js，命令如下：

```

npm install express --save

```

4. 创建应用程序
在项目根目录下创建一个app.js文件，用于创建和配置Express应用程序。代码如下：

const express = require('express');
const app = express();

// 设置应用程序端口
const port = 3000;

// 创建一个路由
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// 监听端口
app.listen(port, () => {
  console.log(`App listening at http://localhost:${port}`);
});

```

上面的代码创建了一个Express应用程序，并设置了应用程序端口为3000。然后创建了一个路由来处理根路径请求，并返回"Hello World!"。

5. 启动应用程序
运行以下命令来启动应用程序：

```

node app.js

```

打开浏览器并访问"http://localhost:3000"，应该能看到"Hello World!"消息。

6. 添加路由和中间件
使用Express.js可以轻松添加路由和中间件。例如，可以添加一个路由来处理"/about"请求，并返回关于页面的信息。代码如下：

```javascript
app.get('/about', (req, res) => {
  res.send('About page');
});
```

还可以添加中间件来处理请求和响应。例如，可以添加一个中间件来记录请求信息。代码如下：

```javascript
app.use((req, res, next) => {
  console.log(`${req.method} ${req.url}`);
  next();
});
```

上面的代码将请求的HTTP方法和URL记录到控制台，并调用next()函数继续处理请求。

7. 使用模板引擎
可以使用模板引擎来生成动态HTML页面。Express.js支持多种模板引擎，例如EJS和Pug。以下是使用EJS模板引擎的示例：

首先需要安装EJS，使用npm安装EJS，命令如下：

```

npm install ejs --save

```

然后在app.js中添加以下代码来配置EJS模板引擎：

```javascript
// 设置EJS模板引擎
app.set('view engine', 'ejs');
```

然后在views文件夹中创建一个index.ejs文件，用于生成HTML页面的内容。代码如下：

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Home page</title>
  </head>
  <body>
    <h1>Welcome to <%= title %> page</h1>
  </body>
</html>

最后，在路由中添加路由处理程序，用于处理客户端请求并返回响应。我们可以使用Express提供的路由方法来实现这一功能。

例如，我们可以使用`app.get()`方法来处理GET请求：

```

app.get('/', function(req, res) {
  res.send('Hello World!');
});
```

这个路由处理程序会在客户端访问根路径时返回“Hello World!”。

除了`app.get()`，Express还提供了许多其他的路由方法，例如`app.post()`、`app.put()`、`app.delete()`等，用于处理不同类型的HTTP请求。

我们还可以使用中间件来处理请求。中间件是一个函数，它可以访问请求对象（`req`）、响应对象（`res`）和应用程序中的下一个中间件函数（`next`）。中间件可以用于执行任何操作，例如解析请求、验证用户、记录请求等。

例如，以下中间件函数会记录每个请求的URL和时间戳：

```
app.use(function(req, res, next) {
  console.log('Time:', Date.now());
  console.log('URL:', req.originalUrl);
  next();
});

```

这个中间件函数会在每个请求中打印出请求的URL和时间戳。

在Express中，路由和中间件是可以组合的。我们可以将多个中间件函数和路由处理程序组合在一起，以实现复杂的请求处理逻辑。

例如，以下代码将使用两个中间件函数和一个路由处理程序来处理GET请求：

```

app.get('/', middleware1, middleware2, function(req, res) {
  res.send('Hello World!');
});

```

当客户端访问根路径时，Express会依次调用`middleware1`和`middleware2`中间件函数，最后调用路由处理程序来返回响应。

总的来说，使用Express.js开发Web应用程序非常简单。我们只需要定义路由处理程序和中间件函数，然后将它们组合在一起，即可实现复杂的请求处理逻辑。同时，Express还提供了许多有用的功能和工具，例如模板引擎、静态文件服务、会话管理等，帮助我们更加方便地开发Web应用程序。

Coder_Kevin_Vans

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用Express.js开发Web应用程序

中间件是一个函数，它可以访问请求对象（`req`）、响应对象（`res`）和应用程序中的下一个中间件函数（`next`）。除了`app.get()`，Express还提供了许多其他的路由方法，例如`app.post()`、`app.put()`、`app.delete()`等，用于处理不同类型的HTTP请求。Express.js是一个流行的Node.js Web应用程序框架，它提供了丰富的功能和中间件来简化Web应用程序的开发过程。例如，可以添加一个路由来处理"/about"请求，并返回关于页面的信息。
复制链接

扫一扫