前言
在开发前端应用时，我们经常需要检查代码的运行状态，查看变量的值是否正确，判断某个函数是否被调用等。为了方便程序员调试代码，很多 IDE 和编辑器都提供了调试工具。
然而，在某些场景下，我们需要在生产环境下快速排查问题，这时候需要一款可靠、易用的在线调试工具。
今天，我来介绍一款非常好用的在线调试工具——@midwayjs/debugger。
什么是 @midwayjs/debugger
@midwayjs/debugger 是一款集成于 MidwayJS 框架的在线调试工具。它可以让你在生产环境下快速排查问题，无需停止服务或连接远程主机。
通过 @midwayjs/debugger，你可以：
- 查看服务端的 HTTP 请求和响应
- 打印日志和调试信息
- 远程执行代码并查看结果
因为它是集成在 MidwayJS 框架中的，所以你不需要进行额外的安装和配置即可使用。
如何使用 @midwayjs/debugger
安装
@midwayjs/debugger 可以通过 npm 进行安装。
npm i @midwayjs/debugger
启用调试器
在 MidwayJS 中启用 @midwayjs/debugger 非常简单。你只需要在你的应用程序中添加以下代码：
-- -------------------- ---- ------- -- ------ ------ - ----------------- - ---- ----------------- ------ - ----------- - ---- ------ ------ ----- ----------- - ---------------- ------------------ - -- ------- ------------------------------- - ------- ----- - -- ----------------- - -展开代码
将 enable 属性设置为 true 即可启用在线调试器。如果你需要关闭调试器，将该属性设置为 false 即可。
连接调试器
现在，你可以通过浏览器访问 http://localhost:7001/__midway_debugger 打开在线调试器页面。
你会看到一个类似于终端的界面，在该界面中你可以输入命令并查看结果。
接下来，我们就来演示一下如何使用 @midwayjs/debugger。
示例代码
下面是一段示例代码。
-- -------------------- ---- ------- ------ - ----------- ---- ----- - ---- ---------------------- ------------- ------ ----- --------------- - -------------------- ----- ----------------- ----- ------- - ------------------- ----------- ------ ------- ---------- - -展开代码
这是一个很简单的 MidwayJS 控制器，它会根据请求参数返回一个特定的问候信息。
现在我们来看看如何通过在线调试器来打印日志和执行调试代码。
打印日志
@midwayjs/debugger 提供了一个 debugger.log 方法，可以打印任意信息到在线调试器的控制台中。
对于上面的示例代码，我们可以在 sayHello 方法中添加日志输出：
-- -------------------- ---- ------- ------------- ------ ----- --------------- - -------------------- ----- ----------------- ----- ------- - -- ---- ----- -------------------- ------- ---------- ------------------- ----------- ------ ------- ---------- - -展开代码
这将在每次请求该控制器时在在线调试器的控制台中打印一条日志。
远程调试
@midwayjs/debugger 还可以让你远程执行代码并查看结果。你可以在在线调试器中输入 JavaScript 代码，并执行它。
例如，你可以在在线调试器中输入以下代码：
await app.applicationContext.getAsync('helloController').sayHello('World!')
这将远程调用 HelloController 上的 sayHello 方法，并返回 Hello, World!。
总结
通过上述的介绍和示例代码，相信你已经了解了如何使用 @midwayjs/debugger 进行在线调试。
要使用 @midwayjs/debugger，你只需要在你的 MidwayJS 应用程序中添加一些简单的配置，就可以迅速排除生产环境中的问题。
希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f17d007403f2923b035c3d8
