在开发前端应用过程中，我们经常会运行多个 Express.js 服务器来模拟前端页面的各种场景。但是，当我们同时运行多个服务器时，可能会发生端口冲突的问题，导致服务器无法正常启动，可能会严重影响开发进度。本文将介绍如何解决这个问题，并提供示例代码方便读者理解。
问题分析
当我们运行一个 Express.js 服务器时，我们需要指定对应的端口号，例如：
const express = require('express');
const app = express();
app.listen(3000, () => {
console.log('Server started at http://localhost:3000/');
});当我们想要同时运行两个服务器时，我们一般会将端口号分别指定为 3000 和 4000：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------- ----------------- -- -- - ------------------- - ------- -- ------------------------- --- ----- ---- - ---------- ----------------- -- -- - ------------------- - ------- -- ------------------------- ---
但是，在某些情况下，两个应用程序可能会尝试使用相同的端口号，这时就会出现端口冲突问题，导致其中一个服务器无法启动。为了解决这个问题，我们需要找到一种适当的方法来管理端口号。
解决方案
一种解决方案是手动指定端口号，如上例中的方式。但是，当我们需要同时运行多个服务器时，手动指定端口号可能会变得困难和容易出错。
更好的方法是使用端口查找和端口占用工具，例如 portfinder，它可以为我们自动选择可用端口。
安装 portfinder
在终端中运行以下命令来安装 portfinder：
npm install portfinder
使用 portfinder
使用 portfinder 很简单。我们只需要传入要使用的端口号范围和某些可选配置值就可以了。例如，下面的代码使用 portfinder 自动为应用程序选择一个可用的端口号：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - ----------------------
----- --- - ----------
------------------------ ----- -- -
-- ----- -
-------------------
-------
-
---------------- -- -- -
------------------- ------- -- ----------------------------
---
---在上面的例子中，我们首先引入了 portfinder 模块，然后仅仅调用 getPort() 函数并传入回调函数，并在回调函数中启动服务器。这样，portfinder 模块就会自动为我们选择一个可用的端口。如果所有可用端口都已被占用，portfinder 模块会返回错误。
可以指定要使用的端口号范围，默认范围为 8000 到 65535。我们可以在调用 getPort() 函数时传入这个范围：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - ----------------------
------------------- - ----- -- ----------
----- --- - ----------
------------------------ ----- -- -
-- ----- -
-------------------
-------
-
---------------- -- -- -
------------------- ------- -- ----------------------------
---
---在上面的例子中，我们将 basePort 属性设置为 3000，这样 getPort() 函数就会从 3000 开始搜索可用的端口号。
封装 portfinder
上述代码可以正常工作，但如果我们需要同时运行多个服务器，将复制和粘贴代码可能会变得困难。因此，我们可以将 portfinder 封装成一个函数，这样我们就可以直接调用该函数来启动服务器。
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - ----------------------
-------- ------------- -
----- --- - ----------
------------------------ ----- -- -
-- ----- -
-------------------
-------
-
---------------- -- -- -
------------------- ------- -- ----------------------------
---
---
-
--- ---- - - -- - -- -- ---- -
--------------
-在上面的例子中，我们将 startServer() 函数封装为一个可以在需要时多次调用的函数，然后我们可以简单地使用 for 循环调用该函数来启动多个服务器。
总结
在本文中，我们介绍了使用 portfinder 模块解决 Express.js 服务器端口冲突的问题。我们讨论了基本的使用方式和常见的配置选项，并提供了示例代码来帮助读者理解。我们相信读者们会在自己的前端开发中受到启发，并且能够轻松解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6516ce2795b1f8cacdf1d782