ð使用Express.js创建基本的Web服务器
#javascript #网络开发人员 #教程 #express

查找更多博客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服务器。让我们逐步将其分解:

  1. 我们需要express模块并使用const app = express();初始化我们的应用。

  2. port变量设置为3000(您可以选择自己喜欢的任何端口)。

  3. 我们定义了两条路线:

  • 第一条路线发送了一个简单的“ Hello World!”访问root路径/时作为纯文本。
  • 当您访问路径/html时,第二个路由将发送HTML文件(index.html)。确保您在与server.js同一目录中有一个index.html文件。
  1. 最后,我们使服务器在指定的port上聆听,并将一条消息记录到控制台。

入门ð

要运行代码,我们需要安装所需的软件包并启动服务器:

  1. 在项目文件夹中打开终端或命令提示符。

  2. 通过运行以下命令:
    安装Express.js

   npm install express
  1. 此外,让我们安装nodemon,该工具将在我们更改代码时自动重新启动服务器。运行以下命令:
   npm install --save-dev nodemon
  1. 现在,使用nodemon启动服务器:
   nodemon server.js

就是这样! ð您的基本Web服务器正在启动并运行。您可以在http://localhost:3000/上访问纯文本响应,以及http://localhost:3000/html的HTML文件。随时探索更多Express.js的功能并构建惊人的Web应用程序!