Mobile Development

Most development for mobile can be done in a desktop browser using mobile emulation tools. The browser will set the appropriate HTTP headers while in emulation mode to prompt the UUX application to render as if in a mobile or tablet device. If using emulation tools is not possible, you can also add query parameters device=phone or device=tablet in the URL.

Example: https://stack.q2developer.com/sdk/sdkteam/ardent/uux.aspx?device=phone#/landingPage

Sometimes you might need to test features that are only available with the mobile application container, such as device hardware like the camera. To do this use either the iOS or Android apps configured for your development environment.

iOS

  1. Download iOS Dev Mobile App

  2. Upon launch, you will be prompted about this app being untrusted: to fix, Settings > General > Device Management > Q2 Ebanking inc > Trust “Q2 Ebanking inc”

  3. Launch the Q2 Mobile Dev application

  4. Click “Dev Settings”

  5. Change Environment to “Custom”

  6. For the “Enter New Base URL” setting enter this URL replacing change me with your environment name: - https://stack.q2developer.com/sdk/change_me/ardent

    Note

    Make sure the url does not end with a trailing slash /

  7. For “Enter new page name”, enter “uux.aspx”

  8. Click start and login with your credentials

../../_images/ios-dev-provision-profile.png ../../_images/ios-dev-trust-profile.png ../../_images/ios-dev-launch.png ../../_images/ios-dev-configure.png

Android

  1. Download Android Dev Mobile App

  2. After installing, mark this app as trusted by going to Settings, linked from the modal popup that appears after install.

  3. Launch the Q2 Mobile Dev app

  4. Click “Developer Options”

  5. For the “Custom URL” setting enter this URL replacing change me with your environment name: - https://stack.q2developer.com/sdk/change_me/ardent

    Note

    Make sure the url does not end with a trailing slash /

../../_images/android-dev-install.png ../../_images/android-dev-installing.png ../../_images/android-dev-installed.png ../../_images/android-dev-not-trusted.png ../../_images/android-dev-trust.png ../../_images/android-dev-login.png ../../_images/android-dev-configure.png