{"id":644,"date":"2022-03-26T20:43:00","date_gmt":"2022-03-27T01:43:00","guid":{"rendered":"https:\/\/blog.felineflock.com\/?p=644"},"modified":"2024-01-03T20:59:45","modified_gmt":"2024-01-04T02:59:45","slug":"3-easy-steps-to-debug-docker-containers-in-vscode","status":"publish","type":"post","link":"https:\/\/blog.felineflock.com\/index.php\/2022\/03\/26\/3-easy-steps-to-debug-docker-containers-in-vscode\/","title":{"rendered":"3 Easy Steps to Debug Docker Containers in VSCode"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

I haven’t seen yet a simple 3-step guide for when you have a Node app with multiple services so here it is.<\/p>\n\n\n\n

1 – Configure your package.json script to enable port watching on all services<\/h3>\n\n\n\n

Add the inspect flag to your node call in the package.json script.<\/p>\n\n\n\n

The –inspect flag is what tells Node.js process to listen for a debugging client. Nodemon makes the node app automatically restart when you change the source code but this will work with plain Node too.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2 – Configure your Docker Compose YAML file to open ports<\/h3>\n\n\n\n

Edit your docker-compose.yaml to add port 9229 under your app service configuration. If you have more than one service, use a different port for each: 9229, 9230, and so forth.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3- Create the folder .vscode with a launch.json file containing the debugging configuration<\/h3>\n\n\n\n

You can either create the file manually or follow these steps<\/a> to create a launch.json file. If your app has more than one service, you will have to have one configuration for each service and the port has to match (9229, 9230, …).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Launch Debug<\/h3>\n\n\n\n

Once you’ve started Docker and built the app, you can open a file on the debug tab, set breakpoints and click the green arrow to start debugging.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Further reading:<\/h3>\n\n\n\n