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 项目：
npm init y
这将创建一个 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 模板渲染的内容。
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/266462.html
