Running & debugging a DApp

Trinity CLI provides an easy way to run and debug your DApp from your development station.

Sending your app to your device

  • Enter your DApp folder.
  • Connect your device to your computer.
  • Make sure your phone and your computer are on the same network (ex: same wifi, same sub-network).
  • On Android, enable developer mode (from the settings - see android docs) and enable USB debugging.
  • Make sure the native Trinity browser is installed on your device.
  • Run the following command:

    # To deploy and run on android - check the CLI help for other options.
    $ trinity-cli run -p android
    

What happens in background:

  • Your app’s manifest is slightly edited to use your computer’s local content remotely, so that every time you will save one of your app’s files the app will automatically reload inside Trinity.
  • Your app is packaged as a EPK file and signed using a debug signature.
  • Your app is sent to the device, and the native trinity browser catches it then installs it.
  • ionic serve is called to start a simple server that the DApp will contact to get your DApp files.
  • When you change your source code on your computer, your DApp on the device detects it and reload the app content.

Note that as soon as your device stops being on the same network as your computer, or if the trinity-cli run command is stopped, your DApp in trinity will show a network error with an empty page.

Debugging your application

Open the Chrome browser on your computer and visit chrome://inspect to inspect your DApp pages.