在前端开发中，我们经常需要使用后端服务或者数据库等其他组件。这些服务通常都需要先启动才能使用，并且可能需要等待一定时间才能正常监听端口，否则就会出现连接错误。为了解决这个问题，可以使用 npm 包 strong-wait-till-listening。
安装
可以通过以下命令来安装 strong-wait-till-listening：
npm install strong-wait-till-listening --save
使用
使用 strong-wait-till-listening 非常简单，只需要在代码中引入并调用即可。
假设我们有一个 Express 应用，需要在启动时等待 MongoDB 数据库连接成功后再开始监听端口：
-- -------------------- ---- -------
----- ------- - -------------------
----- -------- - --------------------
----- ------ - --------------------------------------
----- --- - ----------
-- -- ------- ---
--------------------------------------------------- - ---------------- ---- ---
-- -- ------- ------------
--------
---------- -
----------------------
--
-- -- -- -
---------------- -- -- -
------------------- --------- -- ---- -------
---
---在上面的代码中，我们首先引入了 Express 和 Mongoose，然后连接了 MongoDB 数据库。接着调用 waitOn() 函数，传入要等待的资源地址以及回调函数。在回调函数中，我们启动了 Express 应用并监听端口。
waitOn() 函数的第一个参数是一个对象，包含要等待的资源地址。可以指定多个资源，每个资源都是一个字符串，格式为 <protocol>:<host>:<port>，其中 <protocol> 是协议名（如 tcp 或 http），<host> 是主机名或 IP 地址，<port> 是端口号。
除了以上介绍的使用方式外，还有其他一些选项可以使用。详细信息请参考 strong-wait-till-listening 的官方文档。
示例代码
下面是一个完整的示例代码，演示了如何使用 strong-wait-till-listening 等待 MySQL 数据库和 Redis 服务器启动后再启动 Express 应用：
-- -------------------- ---- -------
----- ------- - -------------------
----- ----- - -----------------
----- ----- - -------------------
----- ------ - --------------------------------------
----- --- - ----------
-- -- ----- ---
----- ---------- - ------------------------
----- ------------
----- -------
--------- -----------
--------- --------
---
---------------------
-- -- ----- ---
----- ----- - --- -------
----- ------------
----- -----
---
-- -- ----- - ----- ----------
--------
---------- -
---------------------
---------------------
--
-- -- -- -
---------------- -- -- -
------------------- --------- -- ---- -------
---
---在上面的代码中，我们首先引入了 Express、MySQL 和 Redis，然后连接了 MySQL 数据库和 Redis 服务器。接着调用 waitOn() 函数，传入要等待的资源地址以及回调函数。在回调函数中，我们启动了 Express 应用并监听端口。
总结
strong-wait-till-listening 是一个非常实用的 npm 包，可以让我们在前端开发中更加方便地处理后端服务或者数据库等其他组件的启动和监听端口问题。如果你正在开发一个需要使用后端服务或者数据库等其他组件的应用，不妨试试使用这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/53582