简介
在开发前端应用的过程中，调试是非常重要的一部分。然而，有时候我们需要在生产环境下调试，或者我们需要调试远程服务器上的应用。这时，一个好用的远程调试工具就会派上用场。而 express-remote-debug 正是这样一款工具。
express-remote-debug 是一个 npm 包，它提供了一种简单的方法来远程调试基于 Express.js 的 Node.js 应用程序。借助这个工具，开发者可以使用 Chrome DevTools 连接到远程 Node.js 应用程序的调试端口，就像在本地调试一样方便。
安装
在使用 express-remote-debug 之前，需要先安装它。可以使用 npm 命令进行安装：
npm install express-remote-debug --save-dev
使用
express-remote-debug 的使用非常简单，只需要在你的 Express.js 应用程序中添加它所提供的中间件即可。
例如，在你的 app.js 文件中引入 express-remote-debug：
const express = require('express')
const app = express()
const debug = require('express-remote-debug')
// 将 express-remote-debug 中间件添加到应用程序
app.use(debug())接下来，运行你的应用程序并在命令行中看到类似以下输出：
Listening on port 3000... Remote debugger listening on 127.0.0.1:9229
这个输出表明 express-remote-debug 正常工作。现在，在 Chrome DevTools 中打开 chrome://inspect，点击 Open dedicated DevTools for Node 即可连接到远程调试器。
配置
express-remote-debug 支持一些配置选项，可以通过传递一个配置对象来修改这些选项。下面是一些常用的配置选项（包括默认值）：
{
debugPort: 9229, // 远程调试器监听的端口
remoteHost: '127.0.0.1', // 远程调试器监听的地址
inspectUrl: '/__inspect', // 访问远程调试器的 URL 路径
timeout: 5000 // 连接超时时间（毫秒）
}例如，如果你想将远程调试器监听的端口设置为 9230，可以这样做：
const express = require('express')
const app = express()
const debug = require('express-remote-debug')
// 将 express-remote-debug 中间件添加到应用程序，并设置调试端口为 9230
app.use(debug({ debugPort: 9230 }))示例代码
下面是一个简单的 Express.js 应用程序，演示了如何使用 express-remote-debug 进行远程调试：
-- -------------------- ---- ------- ----- ------- - ------------------ ----- --- - --------- ----- ----- - ------------------------------- -- - -------------------- ------------------- ---- --------------- ---------- ---- --- ------------ ----- ---- -- - ---------------- -------- -- ---------------- -- -- - ---------------------- -- ---- --------- --
运行这个应用程序后，在 Chrome DevTools 中打开 chrome://inspect，连接到远程调试器即可对应用程序进行远程调试。
结语
通过 express-remote-debug，我们可以很方便地在远程环境中进行调试，大大提高了我们的开发效率。同时，本文介绍了如何安装、使用和配置 express-remote-debug，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf681e8991b448e6bb6