Connect devices for Live preview

Created OnMay 16, 2018

bycmindus

As you develop your iiziApp, you can update and view instantly on connected devices with iiziRun Developer mobile app. In addition to the live updates in Design Editor, you can connect as many devices as you wish for viewing and testing your Java code, UI Components or any other app functionality as you develop.

Set up iiziServer for live development

To use the iiziServer included in iizi, minimal server configuration is required.

Choose the menu item ‘Run > Run configuration’, select and press to create a ‘New Launch Configuration’.

Fill in the Name to e.g. iizi Development Server and enter the File name for the server configuration that is required.

When your iiziServer has been configured and is running in iiziGo:

Download iiziRun Developer from the App Store and Google Play for free.
Open iiziRun Developer to ‘Open a Panel’ or ‘Add application’.

Design viewer

Test your designs and code in real-time on any device. To access the iizi Design Viewer, click on in the toolbar above the Design Editor for a desktop viewer and download the iiziRun Developer app for a phone and tablet viewer on a real device.

In iiziRun Developer:

Click ‘Open Panel’, then select ‘iiziGo instance’ or add your iiziGo by entering your DNS computer name and the default port 2800, make sure ‘Secure’ is off.

Choose the language and theme (for now, only iOS is available).

Enter the ‘address’ of the iiziGo machine. The ‘address’ can be either a DNS name (recommended) or an IP address.
Launch the app and see how the app simultaneously adapts when changes are made in iiziGo.

Tip: On the main screen of iiziRun Developer, you can choose another language for the panel to display, e.g. in Russian or Chinese (all texts are translated automatically without checking in the panels below).

If you see the little sign next to the panel name, you can choose language to display in the opened panel (of course, this requires that you app is configured for multiple languages).

Tip: To quickly restart iiziRun Developer, touch the screen with 5 fingers at the same time, and you will get a message box about restarting.

Test your iiziApp live

There is a tutorial video just down below.

After having created your iiziApp and configured the iiziServer – this will enable you to test your iiziApp in real-time and on any device to get a look and feel of the app.

Tap “Add Application”, then select ‘Server’ and tap ‘Add Server’.
Add your computer’s local IP or local network IP and type port 8080.
Click the blue ‘Save‘ icon at the top.
Upon tapping ‘Application’, select your current iiziApp and click the blue “Save” icon.
Click on your iiziApp and select ‘Launch’.
Your iiziApp is ready to use!
Repeat the above process for any phone or tablet you wish to use for development and testing.

Adding a New Server, selecting Application, then the launched app, in this case ServerAdmin.

Again, use your 5 fingers and touch the display to restart iiziRun Developer if you wish to perform some other operation.

Test your iiziApp on webapp