Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,Express 是一个轻量级且灵活的 Web 应用框架,用于 Node.js 平台。本教程将带你一步步学习如何使用 Express 创建一个简单的 Web 应用。
快速开始
安装 Node.js:首先,确保你的计算机上安装了 Node.js。你可以从 Node.js 官网 下载并安装。
创建项目目录:在命令行中,创建一个新的目录用于存放你的项目文件。
mkdir my-express-app
cd my-express-app
- 初始化项目:使用 npm 初始化一个新的 Node.js 项目。
npm init -y
- 安装 Express:安装 Express 框架。
npm install express
- 创建主文件:创建一个名为
app.js
的文件,并添加以下代码:
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(`Server is running on http://localhost:${port}`);
});
- 启动服务器:在命令行中运行以下命令来启动服务器。
node app.js
现在,你可以打开浏览器并访问 http://localhost:3000
来查看你的第一个 Express 应用。
路由与中间件
Express 使用路由来定义不同的请求处理函数。以下是一个简单的例子:
app.get('/about', (req, res) => {
res.send('About page');
});
app.use('/api', (req, res, next) => {
console.log('API middleware');
next();
});
app.get('/api/data', (req, res) => {
res.json({ message: 'This is some data' });
});
在这个例子中,当访问 /about
路径时,会返回 "About page"。同时,当访问 /api
路径时,会先执行中间件函数,然后返回 "This is some data"。
静态文件
你可以使用 Express 来提供静态文件,如 HTML、CSS 和 JavaScript 文件。以下是如何配置 Express 来提供静态文件的例子:
app.use(express.static('public'));
在上面的代码中,所有在 public
目录下的文件都可以通过 /
路径访问。
总结
Node.js 和 Express 是构建现代 Web 应用的重要工具。通过本教程,你学习了如何快速开始一个 Express 应用,并了解了路由、中间件和静态文件等基本概念。希望这个教程能帮助你更好地理解 Node.js 和 Express。