Express 框架教程

Express 是一个基于 Node.js 的 Web 应用框架，它可以帮助开发者快速构建 Web 应用程序。本教程将为您介绍 Express 的基本使用方法。

快速开始

1. 安装 Node.js：首先，您需要在您的计算机上安装 Node.js。您可以从 Node.js 官网 下载并安装。

2. 创建项目目录：在您的计算机上创建一个新的目录，用于存放您的 Express 项目。

3. 初始化项目：在项目目录中，打开命令行窗口，运行以下命令初始化项目：

npm init -y

4. 安装 Express：接着，安装 Express 框架：

npm install express

5. 创建服务器：创建一个名为 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}`);
});

6. 启动服务器：在命令行窗口中，运行以下命令启动服务器：

node app.js

现在，您可以通过浏览器访问 http://localhost:3000，看到 "Hello World!" 的输出。

路由和中间件

Express 使用路由和中间件来处理 HTTP 请求。以下是一些基本的路由和中间件示例：

路由

app.get('/about', (req, res) => {
  res.send('关于我们');
});

app.post('/contact', (req, res) => {
  res.send('联系表单提交');
});

中间件

app.use((req, res, next) => {
  console.log('请求到达');
  next();
});

app.get('/hello', (req, res) => {
  res.send('你好！');
});

静态文件

Express 可以很容易地处理静态文件，如 HTML、CSS 和 JavaScript 文件。只需将静态文件放在项目的 public 目录下即可。

app.use(express.static('public'));

现在，您可以通过访问 http://localhost:3000/index.html 来查看静态文件。

总结

Express 是一个功能强大的 Web 应用框架，可以帮助您快速构建 Web 应用程序。希望本教程能帮助您入门 Express。

Express Logo