Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,Express 是一个轻量级且灵活的 Web 应用框架,用于 Node.js 平台。本教程将带你一步步学习如何使用 Express 创建一个简单的 Web 应用。

快速开始

  1. 安装 Node.js:首先,确保你的计算机上安装了 Node.js。你可以从 Node.js 官网 下载并安装。

  2. 创建项目目录:在命令行中,创建一个新的目录用于存放你的项目文件。

mkdir my-express-app
cd my-express-app
  1. 初始化项目:使用 npm 初始化一个新的 Node.js 项目。
npm init -y
  1. 安装 Express:安装 Express 框架。
npm install express
  1. 创建主文件:创建一个名为 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}`);
});
  1. 启动服务器:在命令行中运行以下命令来启动服务器。
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。

更多关于 Express 的内容,请访问我们的教程中心

Express JS