Debugging
  • 25 May 2022
  • 1 Minute to read
  • Dark
    Light
  • PDF

Debugging

  • Dark
    Light
  • PDF

Tutorial video

Watch this video for a quick go-through of the Composer Pro debugging capabilities.

Instructions

You can open the debugger via the debug icon on right side of the view canvas toolbar.

Debugger location

To connect your device with the debugger, open the SAP AppGyver preview app. There, you'll find the toggle switch to connect the debugger. After a few seconds, the connection should be established and you can start debugging your app.

Note!

If you are experiencing problems, try connecting both the computer running debugger and the device(s) running the Preview app to the same local network (e.g. same WiFi)!

Connect

In the 'Connect' tab you can see all currently connected devices to the debugger. You can choose between those, and view additional identifying information through a drop-down menu.

Debugger Phone View

Overview

The 'Overview' tab contains basic information about the app:

  • App Name
  • App ID
  • App Environment (Production)
  • Build type
  • Time since the last app modification

image.png

State

The 'State' tab contains all internal and configured variables within the app.

image.png

  • System variables
    • Data collected from your device, i.e the OS, screen dimensions and orientation.
  • Sensor variables
    • Data from your device's sensors: accelerometer, geolocation, gyroscope and others.
  • App & Page variables
    • Variables configured for the application in the variable view.

Flows

'Flows' provides logs on all executed events and flow functions. You can replay every action by using the "Replay" button, or view more detailes using the "Details".

image.png

The flow function 'Details' gives and overview of all inputs and outputs and provides detail for each one.


Was this article helpful?

What's Next