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
- Open the Export as Cordova zip dialog.
- Select server path as dev and profile as development.
- Click the Build button.
- Download the Cordova zip and run a mobile build using wm-cordova-cli or AppChef.
- 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.