Open MiguelVilla1 opened 3 months ago
Start backend using Debugging
First I opened up the debugger on the backend.
Set break point at the beginning of endpoint code
Next I set break points on the body of my backend code in order to catch it when I attempt to log in.
Start in frontend with split screen loading source for an API fetch using GET.
I inspected the login page on the frontend in order to get the source split screen.
Set break point on fetch, inside .then, inside .fetch
I set the break points on the fetch lines of my frontend code.
Run frontend, screen capture break at fetch while examining Body
The breakpoint was caught while trying to log in on the frontend.
Press play on frontend, observe stop inside of backend
After continuing through lines, the backend breakpoint was caught and the vscode backend opened.
Press step over on backend until you have obtained data from database, screen capture Python Object
The step over goes through each line and until it reveals user data.
Press play button to end backend debugging session.
The backend debugger goes through all the breakpoints and ends.
Return to frontend debug session
Step in until you see data, screen capture capturing break point and Data.
I stepped over again in the front end until I saw the data and then continued to log in successfully.
Start backend using Debugging
First I opened up the debugger on the backend.
Set break point at the beginning of endpoint code
Next I set break points on the body of my backend code in order to catch it when I attempt to log in.
Start in frontend with split screen loading source for an API fetch using GET.
I inspected the login page on the frontend in order to get the source split screen.
Set break point on fetch, inside .then, inside .fetch
I set the break points on the fetch lines of my frontend code.
Run frontend, screen capture break at fetch while examining Body
The breakpoint was caught while trying to log in on the frontend.
Press play on frontend, observe stop inside of backend
After continuing through lines, the backend breakpoint was caught and the vscode backend opened.
Press step over on backend until you have obtained data from database, screen capture Python Object
The step over goes through each line and until it reveals user data.
Press play button to end backend debugging session.
The backend debugger goes through all the breakpoints and ends.
Return to frontend debug session
Step in until you see data, screen capture capturing break point and Data.
I stepped over again in the front end until I saw the data and then continued to log in successfully.