WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • Mobile
  • How-to
  • Enterprise
  • Releases
  • Blog
  • Sign-in

›Mobile Installer

Mobile Development

  • React Native or Cordova

React Native

  • Welcome
  • Features
  • Supported Widgets
  • Supported Variables
  • Test Run Preview
  • Debug Web Preview
  • Inspection Framework
  • Mobile Preview
  • Styles
  • Theme
  • Export as Zip
  • Build Installers
  • Debug APK
  • Debug IPA

Cordova

  • Building Hybrid Mobile Apps
  • Native Device Support
  • First Mobile App
  • Mobile Design

    • Mobile Page Design
    • Gesture Support
    • Mobile Tabbar
    • Mobile Navbar

    Mobile Installer

    • Test Run (Preview)
    • Debugging Mobile Apps
    • Test via Live Sync
    • Testing Hybrid Mobile Apps using WaveLens
    • Mobile Build - Android
    • Generating iOS and Android Distribution Certificates
    • Export Cordova zip
    • Mobile Build - Manual
    • Mobile Build - AppChef

    Mobile Integrations

    • Mobile Integrations - Amazon Mobile Analytics
    • Mobile Integrations - Amazon SNS
    • Using Push Notifications in Mobile Device
    • Invoking Web App APIs in Mobile Apps

    Offline Features

    • Offline Data Support
    • Implementation
    • Switching between Offline and Online Mode
Edit

Testing Hybrid Mobile Apps using Live Sync


Live Sync is a feature that brings App UI changes in Studio to the mobile app without needing a new build. This reduces the number of mobile builds required, tremendously saving developers time.

Configuring Live Sync

  1. Open the Export as Cordova zip dialog.
  2. Select server path as dev and profile as development.

  1. Click the Build button.
  2. Download the Cordova zip and run a mobile build using wm-cordova-cli or AppChef.
  3. Download and install the app on mobile and open the app.

The following popup displays. This popup displays after every app restart.

Enabling Live Sync

You can see the Live Sync button at the bottom right corner. To switch on Live Sync, press the Yes button.

Disabling Live Sync

If you do not need the Live Sync option, simply press No.

note

If you wish to enable Live Sync later, you can either restart the app or press and hold anywhere for 5 seconds, and the screen should show the Live Sync Popup again.

Understanding Live Sync

  • Whenever a UI change is made in Studio, press the Live Sync button to refresh the app with the latest changes.

  • Except for offline functionality, the rest of the functionalities should work as they do.
  • Whenever plugins are added in WaveMaker Studio, a new build is required to add the plugin into the app to function. When Live Sync observes plugin addition, you will notice the following warnings, and it is recommended to have a new build when such warning is shown.
note

When a device variable or widget is added, plugins required for that variable or widget are added automatically.

  • Third-party plugins are supported.
  • You can debug the app as usual.

Limitations

  • Offline functionality is not supported.
Last updated on 8/26/2022 by Swetha Kundaram
← Debugging Mobile AppsTesting Hybrid Mobile Apps using WaveLens →
  • Configuring Live Sync
    • Enabling Live Sync
    • Disabling Live Sync
  • Understanding Live Sync
  • Limitations
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2023 WaveMaker, Inc. All rights reserved.