查找更多博客here
嘿,开发人员!需要快速设置Web服务器吗?好吧,你很幸运!使用Express.js,您可以立即创建基本的Web服务器。让我们深入研究编码乐趣! ð»ð
编码时间! ð
创建一个名为server.js
的新文件,然后遵循:
const express = require("express"); // npm install express
const app = express();
const port = 3000;
// Send plain text
app.get("/", (req, res) => {
res.send("Hello World!");
});
// Send an HTML File
app.get("/html", (req, res) => {
res.sendFile(__dirname + "/index.html");
});
app.listen(port, () => {
console.log(`Your app is listening on port ${port}`);
});
在此代码中,我们使用express.js创建我们的Web服务器。让我们逐步将其分解:
-
我们需要
express
模块并使用const app = express();
初始化我们的应用。 -
将
port
变量设置为3000
(您可以选择自己喜欢的任何端口)。 -
我们定义了两条路线:
- 第一条路线发送了一个简单的“ Hello World!”访问root路径
/
时作为纯文本。 - 当您访问路径
/html
时,第二个路由将发送HTML文件(index.html
)。确保您在与server.js
同一目录中有一个index.html
文件。
- 最后,我们使服务器在指定的
port
上聆听,并将一条消息记录到控制台。
入门ð
要运行代码,我们需要安装所需的软件包并启动服务器:
-
在项目文件夹中打开终端或命令提示符。
-
通过运行以下命令:
安装Express.js
npm install express
- 此外,让我们安装
nodemon
,该工具将在我们更改代码时自动重新启动服务器。运行以下命令:
npm install --save-dev nodemon
- 现在,使用
nodemon
启动服务器:
nodemon server.js
就是这样! ð您的基本Web服务器正在启动并运行。您可以在http://localhost:3000/
上访问纯文本响应,以及http://localhost:3000/html
的HTML文件。随时探索更多Express.js的功能并构建惊人的Web应用程序!