调试node接口

从node服务端到浏览器端，调试node脚本，验证接口功能是否正常。

一、温故知新

https://www.cnblogs.com/camille666/p/nodejs_server.html

https://www.cnblogs.com/camille666/p/webpack_debug.html

二、写代码

添加入口脚本app.js，路由文件routes，数据处理文件controller，视图html，测试发请求。

在路由脚本和数据处理文件里面添加debugger（很关键）。

三、修改package.json文件

"scripts": {
    "debug": "node --inspect-brk ./bin/server"
}

四、调试node服务端

1、启动调试

先关掉服务，再输入调试命令。

# 关掉服务，可能是其他命令，这里是自己的node项目用的命令，不具有通用性。make stop 
 
# 启动调试yarn debug

2、打开chrome，地址栏输入

http:///

3、鼠标右键，打开浏览器调试面板，会看到一个绿色六边形。

4、点击绿色六边形，出现调试弹窗M。

5、点击Add folder to workspace，添加node项目文件夹。

六、测试html，向node服务发接口请求

1、打开chrome，新建一个tab，在地址栏输入

虽说是写服务端，但是通常也会写一个html，用来测试服务端接口。（通过postman去发请求，就不用在chrome打开html）。说白了，两种方式，要么写html发请求测试，要么在postman发请求测试。

http:///

这时弹窗M会出现，点击小工具即可调试，点击红框内的三角图标，可以跳到下一个断点，方便在代码区查看请求参数。这一步很关键，只有发了请求，才能验证请求，node脚本才能进入你debugger的地方。