什么是 receiver-server？
receiver-server 是一个基于 Node.js 的包，它可以帮助前端开发者构建一个 HTTP server。这个 server 可以监听服务器端的极简 HTTP 请求，做出对应的响应，以方便前端开发人员进行调试。
如何使用 receiver-server？
安装
在命令行界面输入以下命令，可以安装 receiver-server：
npm install receiver-server
启动服务
我们可以通过以下代码初始化一个 receiver-server：
const ReceiverServer = require("receiver-server");
const server = new ReceiverServer();
server.start();这样，我们就启动了一个 HTTP server。默认情况下，它会在本地的 8080 端口上监听请求。现在，我们可以在浏览器中访问 http://localhost:8080，以查看它是否生效。
处理请求
receiver-server 的核心部分是 receiver 函数，它可以处理从客户端（浏览器）发送过来的请求，并返回一个响应。
以下是一个简单的 receiver 函数，它会根据请求参数返回 "Hello, receiver-server!"：
const ReceiverServer = require("receiver-server");
const server = new ReceiverServer();
server.receiver("/", (req, res) => {
res.send("Hello, receiver-server!");
});
server.start();上面的代码中，我们注册了根部路由 "/"，并返回 "Hello, receiver-server!" 的字符。
请求方法
可以使用 ReceiverServer 对象上的方法像处理常规路由一样处理请求。
以下是处理 GET 请求的方法的示例：
server.get("/", (req, res) => {
res.send("Hello GET request!");
});以下是处理 POST 请求的方法的示例：
server.post("/", (req, res) => {
res.send("Hello POST request!");
});参数和请求体
我们可以使用请求对象 req 以访问请求的参数和请求体。例如，我们可以读取请求参数 name，并将其包含在响应中：
server.get("/", (req, res) => {
const { name } = req.params;
res.send(`Hello, ${name}!`);
});接下来，我们可以在浏览器中输入 http://localhost:8080/?name=receiver-server，服务器将返回 "Hello, receiver-server!"。
另外，我们也可以通过 req.body 访问请求体。
JSON 请求体的处理
如果请求体是一个 JSON 字符串，它们将解析为 JavaScript 对象，并且可以通过 req.body 属性访问。
以下例子演示了如何处理 JSON 请求体：
-- -------------------- ---- -------
----- -------------- - ---------------------------
----- ------ - --- ---------------- ----- ---- ---
---------------- ----- ---- -- -
----- - --------- -------- - - ---------
-- --------- --- ------- -- -------- --- --------- -
------------------------------
- ---- -
----------------------------------
-
---
---------------静态文件路由
receiver-server 还提供了 static() 方法，用于简单的静态文件服务。它将为每个请求提供请求路径匹配的文件。
以下是使用 static() 方法的示例：
const path = require("path");
const ReceiverServer = require("receiver-server");
const server = new ReceiverServer();
server.static("/", path.join(__dirname, "public"));
server.start();在上面的示例中，我们设置了一个静态目录 public，它包含了通过浏览器访问的静态文件。现在，我们可以在浏览器中输入 http://localhost:8080/index.html 访问静态文件 public/index.html。
结论
通过本文，你不仅会学会如何使用 receiver-server，还会更好地理解 HTTP 服务器以及如何构建它。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eac81e8991b448dc1f1