Debug Adobe IO runtime application using VS Code

[Mahesh_Gunaje]

Hello Team, I took the code from: https://github.com/AdobeDocs/adobeio-codelabs-barcode
Ran the command: aio app run --local

Able to use the URL: http://localhost:3233/api/v1/web/guest/my-barcode-app-0.0.1/barcode?value=adobe

Wanted to check, how to debug the application using VS code editor?

I can see below details in the cmd, while running the command: aio app run --local

i setting up vscode debug configuration files...
- create .vscode\launch.json

cc @arunpatidar   @sarav_prakash  @mk_aem21 

[sarav_prakash · Accepted solution]

wskdebug tool works well for web-actions 

Refer to

https://developer.adobe.com/app-builder/docs/resources/debugging/lesson1/

https://blog.developer.adobe.com/debugging-applications-project-firefly-ecbe3e2a4495

https://adobedocs.github.io/app-builder/resources/debugging/

This is the best document I found best useful 

https://blog.developer.adobe.com/debugging-applications-project-firefly-ecbe3e2a4495

also this youtube tutorial 

https://www.youtube.com/watch?v=RgHNJWTCSqw

[Mahesh_Gunaje]

Thanks a lot @sarav_prakash   for your quick help. Much appreciated. 

[AmitVishwakarma]

To debug your Adobe I/O Runtime application using VS Code:

1. Run Locally: Ensure your app is running with aio app run --local.

2. Create Debug Config: Add the following to .vscode/launch.json:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}/node_modules/.bin/aio",
      "args": ["app", "run", "--local"],
      "env": { "DEBUG": "*" },
      "port": 9229
    }
  ]
}

1. Run Debugger: Press F5 to start debugging.

2. Set Breakpoints: Set breakpoints in your code and inspect them when the app hits the URL (http://localhost:3233).

This will let you debug your Adobe I/O Runtime application locally.

[Mahesh_Gunaje]

Thanks a lot @AmitVishwakarma  for your help