Difference between revisions of "Deprecated: Understanding Live Preview in Lianja"

From Lianjapedia
Jump to: navigation, search
(Preview)
(Preview)
Line 188: Line 188:
  
 
Click '''Deploy''' then '''Preview''' to run the App in your default browser.
 
Click '''Deploy''' then '''Preview''' to run the App in your default browser.
 +
 +
The first time you '''Preview''' login and click the App's tile in the Lianja App Center as in [[#Preview live in browser|Preview live in browser above]].
 +
 +
For subsequent previews in the same browser session, you will go straight to the App.
 +
 +
Note that the App will run with [[Understanding UI Personalities in Lianja|Tablet UI personality]].
  
 
<br clear=all>
 
<br clear=all>
Line 197: Line 203:
  
 
Click '''Deploy''' then '''Preview''' to run the App in your default browser.
 
Click '''Deploy''' then '''Preview''' to run the App in your default browser.
 +
 +
The first time you '''Preview''' login and click the App's tile in the Lianja App Center as in [[#Preview live in browser|Preview live in browser above]].
 +
 +
For subsequent previews in the same browser session, you will go straight to the App.
 +
 +
Note that the App will run with [[Understanding UI Personalities in Lianja|Phone UI personality]].
  
 
<br clear=all>
 
<br clear=all>

Revision as of 07:44, 31 October 2017

Under Construction

See Also

App Inspector, Getting Started Part 1, Getting Started Part 4

Overview

Desktop Apps

Desktop App View: Toolbutton



Use Desktop App View to interact with your App as you would in the Lianja Desktop client.

Click the toolbutton in the header to access Desktop App View.


Desktop App View Toolbutton



Click the toolbutton in the header to return to Development View.


Desktop App View with undocked App Inspector



Note that if you have the App Inspector undocked, you will be able to access the App Inspector tabs.

For example here, the Events tab reports events in the App and the Console tab allows use of the command windows.


Web Apps

Web App View

Web App View: Toolbutton



Use Web App View to interact with your App as you would in the Lianja Web client.

Click the toolbutton in the header to access Web App View.


Data Deployment

From Web App View you can also click Deploy and Preview to run the App in your default browser.

Note that Web App View runs using the database in the development path, but Preview runs using the database in the deployment path, so the data must be deployed prior to running in the browser.

If you are testing with the sample Apps from the distribution, or your own Apps using the southwind sample database, then you do not need to deploy the database as it is already available in the deployment path

Preview live in browser: Server connection lost



If you see a Server connection lost error when you Preview in the browser, the most likely reason is that the App's database has not been deployed.


Quick Deploy



To deploy the database, click the Quick Deploy toolbutton in the headerbar.

Click Setup to go to the Deploy workspace to select the files to be deployed.

You will only need to select the files once, then deploy them as required.

Redeployment of data is only needed if you make structural changes or want to copy data changes made in the development environment.


Deploy Workspace



Check the box next to the name of your database.

Then switch back to the Pages workspace.


Quick Deploy



Click the Quick Deploy toolbutton in the headerbar.

Then click Commit.

You can preview the file to be deployed prior to committing by clicking on the Preview button in the Quick Deploy dialog.


Preview live in browser

Preview live in browser: Login



Once the database is deployed, click Deploy then Preview to preview live in your default browser.

Alternatively, from Lianja v4.1, click the Preview live in browser toolbutton in the headerbar to carry out both these operations.

Login to the Web Client App Center - you will only need to do this once per browser session. The default username is admin and the default password is admin.


Web Client App Center



Once logged in, click the tile for your App.


Run App in Browser



The App can now be run in the browser.


Mobile Apps

Tablet App View and Mobile App View ...

Tablet App View

Tablet App View: Toolbutton



Use Tablet App View to interact with your App as you would in the Lianja Mobile client on a tablet.

Click the toolbutton in the header to access Tablet App View.


Phone App View

Phone App View: Toolbutton



Use Phone App View to interact with your App as you would in the Lianja Mobile client on a phone.

Click the toolbutton in the header to access Phone App View.


Preview

From Tablet App View and Phone App View you can also click Deploy and Preview to run the App in your default browser.

Note that Tablet App View and Phone App View run using the database in the development path, but Preview runs using the database in the deployment path, so the data must be deployed prior to running in the browser.

See Data Deployment above for how to do this.

Tablet App View: Preview



Click Deploy then Preview to run the App in your default browser.

The first time you Preview login and click the App's tile in the Lianja App Center as in Preview live in browser above.

For subsequent previews in the same browser session, you will go straight to the App.

Note that the App will run with Tablet UI personality.


Phone App View: Preview



Click Deploy then Preview to run the App in your default browser.

The first time you Preview login and click the App's tile in the Lianja App Center as in Preview live in browser above.

For subsequent previews in the same browser session, you will go straight to the App.

Note that the App will run with Phone UI personality.


LiveView

LiveView allows you to connect from your mobile device using the Adobe PhoneGap Developer app and run your Lianja App.

Tablet App View: LiveView




Phone App View: LiveView




Tablet App View: Select OS




Tablet App View: LiveView iOS




Phone App View: Select OS




Phone App View: LiveView iOS