Express 是一个流行的 Node.js 框架,它提供了一系列中间件和实用工具,帮助开发者快速搭建动态 Web 应用。无论你是初学者还是有经验的开发者,Express 都能为你提供极大的便利。下面,我将带你从零开始,一步步搭建一个简单的 Express 应用。
环境准备
在开始之前,请确保你的计算机上已经安装了 Node.js 和 npm(Node.js 的包管理器)。你可以从 Node.js 官网 下载并安装它们。
创建项目
- 打开终端,进入你想要创建项目的目录。
- 使用
npm init命令初始化一个新的 Node.js 项目。 - 在
package.json文件中,添加"start": "node index.js"作为启动脚本。
安装 Express
- 使用
npm install express命令安装 Express 框架。 - 在项目根目录下,你会看到一个
node_modules文件夹和一个package-lock.json文件。
创建应用
- 在项目根目录下,创建一个名为
index.js的文件。 - 在
index.js文件中,编写以下代码:
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
这段代码创建了一个简单的 Express 应用,它会监听根路径(/),并在接收到 GET 请求时返回 “Hello, World!“。
运行应用
- 在终端中,运行
npm start命令。 - 打开浏览器,访问
http://localhost:3000,你应该能看到 “Hello, World!” 的消息。
中间件
Express 框架允许你使用中间件来处理请求和响应。中间件是一个函数,它接收 req 和 res 对象,以及一个 next 函数作为参数。
以下是一个简单的中间件示例:
app.use((req, res, next) => {
console.log('Request received');
next();
});
app.get('/', (req, res) => {
res.send('Hello, World!');
});
在这个例子中,中间件会在请求到达根路径之前打印一条消息,并调用 next() 函数将控制权传递给下一个中间件或路由处理函数。
路由
Express 框架使用路由来定义如何处理不同类型的请求。你可以使用 app.get(), app.post(), app.put(), app.delete() 等方法来定义路由。
以下是一个使用路由处理不同请求的示例:
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.post('/data', (req, res) => {
res.send('Data received');
});
在这个例子中,当访问根路径时,应用会返回 “Hello, World!“;当向 /data 路径发送 POST 请求时,应用会返回 “Data received”。
模板引擎
Express 支持多种模板引擎,如 EJS、Pug、Handlebars 等。你可以使用模板引擎来渲染动态内容。
以下是一个使用 EJS 模板引擎的示例:
- 使用
npm install ejs命令安装 EJS。 - 在
index.js文件中,修改代码如下:
const express = require('express');
const app = express();
const ejs = require('ejs');
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
res.render('index');
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
- 在项目根目录下创建一个名为
views的文件夹。 - 在
views文件夹中创建一个名为index.ejs的文件,并添加以下内容:
<!DOCTYPE html>
<html>
<head>
<title>Express App</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
现在,当你访问根路径时,应用会渲染 index.ejs 文件,显示 “Hello, World!“。
总结
通过以上步骤,你已经成功地使用 Express 框架搭建了一个简单的动态 Web 应用。Express 提供了丰富的功能和灵活性,可以帮助你快速开发各种类型的 Web 应用。随着你对 Express 的深入了解,你将能够构建更加复杂和功能强大的应用。祝你好运!
