Express 是一个基于 Node.js 的快速、极简的 Web 应用框架,它提供了丰富的中间件和插件,让开发者能够轻松构建各种类型的 Web 应用。对于新手来说,Express 是一个非常好的起点,因为它可以帮助你快速上手 Node.js 并构建 Web 应用。下面,我们就从零开始,一步步学习如何使用 Express 框架。
环境准备
在开始之前,请确保你的计算机上已经安装了 Node.js。你可以从 Node.js 官网 下载并安装。安装完成后,打开命令行工具,输入 node -v 检查 Node.js 是否安装成功。
创建项目
- 打开命令行工具,进入你想要创建项目的目录。
- 使用
npm init命令初始化一个新的 Node.js 项目。 - 在初始化过程中,根据提示输入项目名称、版本、描述等信息。
- 在项目根目录下,使用
npm install express命令安装 Express 框架。
编写第一个 Express 应用
- 在项目根目录下,创建一个名为
app.js的文件。 - 在
app.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 http://localhost:3000');
});
这段代码创建了一个简单的 Express 应用,当访问根路径(/)时,它会返回 “Hello, World!“。
路由和中间件
Express 应用由路由和中间件组成。路由定义了如何处理不同的请求,而中间件则是处理请求和响应的函数。
路由
- 使用
app.get()、app.post()、app.put()、app.delete()等方法定义路由。 - 第一个参数是请求路径,第二个参数是处理函数。
app.get('/about', (req, res) => {
res.send('About Us');
});
这段代码定义了一个名为 /about 的路由,当访问这个路径时,它会返回 “About Us”。
中间件
中间件是一个函数,它接收三个参数:req(请求对象)、res(响应对象)和 next(下一个中间件)。在 Express 应用中,中间件可以用来处理请求和响应,例如解析请求体、设置响应头等。
app.use((req, res, next) => {
console.log('请求到达!');
next();
});
这段代码定义了一个中间件,它在每个请求到达时都会执行。
静态文件
Express 允许你通过 express.static 中间件来提供静态文件,例如 HTML、CSS 和 JavaScript 文件。
- 在项目根目录下,创建一个名为
public的文件夹。 - 将你的静态文件放在
public文件夹中。 - 在
app.js文件中,添加以下代码:
app.use(express.static('public'));
现在,你可以通过访问 http://localhost:3000/index.html 来访问 public 文件夹中的 index.html 文件。
总结
通过以上步骤,你已经成功入门了 Express 框架。你可以继续学习更多高级功能,例如模板引擎、数据库集成等。祝你学习愉快!
