Debug Adobe IO runtime application using VS Code | Community

Level 7

Solved

Debug Adobe IO runtime application using VS Code

Forum|Forum|1 year ago
January 16, 2025
2 replies
954 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by sarav_prakash

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

Community Advisor

Accepted solution

Community Advisor

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_GunajeAuthor

Level 7

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

AmitVishwakarma

Community Advisor

Community Advisor

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

Run Locally: Ensure your app is running with aio app run --local.
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
    }
  ]
}

Run Debugger: Press F5 to start debugging.
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_GunajeAuthor

Level 7

Thanks a lot @amitvishwakarma for your help