Contents x
    Debugging
    • 04 Oct 2022
    • 1 Minute to read
    • Dark
      Light
    • PDF
    Contents

    Debugging

    • Updated on 04 Oct 2022
    • 1 Minute to read
    • Dark
      Light
    • PDF
    Article Summary

    Beware

    The debugger is currently unavailable for the SAP BTP (enterprise) version.

    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