上一篇
express 启动服务器时，为何出现连接错误？如何排查解决？
Express 是一个基于 Node.js 的快速、极简的 Web 应用框架，它可以帮助开发者快速构建 Web 应用程序，以下是如何使用 Express 启动一个简单的服务器的详细步骤：
安装 Node.js 和 npm
在开始之前,确保你的系统中已经安装了 Node.js 和 npm（Node.js 包管理器），你可以通过以下命令检查 Node.js 的版本：
node v
如果未安装,请从 Node.js 官网 下载并安装。
创建项目目录
创建一个新的目录用于存放你的 Express 项目：
mkdir myexpressapp cd myexpressapp
初始化 npm 项目
在项目目录中,初始化一个新的 npm 项目：
这将创建一个 package.json 文件，其中包含了项目的基本信息。
安装 Express 模块
使用 npm 安装 Express 模块：
npm install express
创建服务器文件
在项目目录中创建一个名为 server.js 的文件，这是你的 Express 服务器的主要文件。
编写服务器代码
以下是 server.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}`); });
解释代码
- const express = require('express');：引入 Express 模块。
- const app = express();：创建一个新的 Express 应用实例。
- const port = 3000;：设置服务器监听的端口。
- app.get('/', (req, res) => { ... });：定义一个路由，当访问根路径（）时，返回 “Hello World!”。
- app.listen(port, () => { ... });：启动服务器，并监听指定端口。
启动服务器
在终端中运行以下命令来启动服务器：
node server.js
如果你没有错误提示,你应该能在浏览器中访问 http://localhost:3000 并看到 “Hello World!”。
表格说明
以下是一个简单的表格,归纳了上述步骤：
| 步骤 | 操作 | 说明 |
|---|---|---|
| 1 | 创建项目目录 | mkdir myexpressapp |
| 2 | 切换到项目目录 | cd myexpressapp |
| 3 | 初始化 npm 项目 | npm init y |
| 4 | 安装 Express 模块 | npm install express |
| 5 | 创建服务器文件 | touch server.js |
| 6 | 编写服务器代码 | 在 server.js 中添加 Express 代码 |
| 7 | 启动服务器 | node server.js |
FAQs
Q1: 如何在 Express 中设置静态文件服务？
A1: 你可以使用 express.static 中间件来提供静态文件服务，如果你有一个名为 public 的文件夹，你可以这样设置：
const express = require('express'); const path = require('path'); const app = express(); app.use(express.static(path.join(__dirname, 'public'))); app.get('/', (req, res) => { res.sendFile(path.join(__dirname, 'public', 'index.html')); }); app.listen(3000, () => { console.log('Server is running on http://localhost:3000'); });
Q2: 如何在 Express 中使用模板引擎？
A2: Express 支持多种模板引擎，如 EJS、Pug、Handlebars 等，以下是一个使用 EJS 的例子：
安装 EJS 模板引擎：
npm install ejs
- 在 server.js 中设置 EJS：
const express = require('express'); const ejs = require('ejs'); const app = express(); app.set('view engine', 'ejs'); app.get('/', (req, res) => { res.render('index'); }); app.listen(3000, () => { console.log('Server is running on http://localhost:3000'); });
- 创建一个名为 views 的文件夹，并在其中创建一个名为 index.ejs 的文件，内容如下：
<!DOCTYPE html> <html> <head>Hello EJS</title> </head> <body> <h1>Hello EJS!</h1> </body> </html>
当你访问根路径时,你应该能看到 EJS 模板渲染的内容。
