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

From Lianjapedia
Jump to: navigation, search
(Preview live in browser)
(Web Apps)
Line 54: Line 54:
 
Click the toolbutton in the header to access.
 
Click the toolbutton in the header to access.
  
 +
<br clear=all>
 +
 +
==Data Deployment==
 
From '''Web App View''' you can also click '''Deploy''' and '''Preview''' to run the App in your default browser.
 
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.
+
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
 +
 
 +
[[{{ns:file}}:lp_web5.png|450px|thumb|left|link={{filepath:lp_web5.png}}|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.
 +
 
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:lp_web6.png|450px|thumb|left|link={{filepath:lp_web6.png}}|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.
 +
 
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:lp_web7.png|450px|thumb|left|link={{filepath:lp_web7.png}}|Deploy Workspace]]
 +
 
 +
 
 +
 
 +
 
 +
 
 +
Check the box next to the name of your database.
 +
 
 +
Then switch back to the '''Pages''' workspace.
 +
 
 +
<br clear=all>
 +
 
 +
[[{{ns:file}}:lp_web8.png|450px|thumb|left|link={{filepath:lp_web8.png}}|Quick Deploy]]
 +
 
 +
 
 +
 
 +
 
 +
 
 +
Click the '''Quick Deploy''' toolbutton in the headerbar.
 +
 
 +
Then click '''Commit'''.
  
'''Preview''' runs using the database in the deployment path, so the data must be deployed prior to running in the browser.
+
You can preview the file to be deployed prior to committing by clicking on the '''Preview''' button in the '''Quick Deploy''' dialog.
  
 
<br clear=all>
 
<br clear=all>
Line 69: Line 120:
  
  
In versions prior to 4.1, click '''Deploy''' then '''Preview''' to preview live in your default browser.
+
Once the database is deployed, click '''Deploy''' then '''Preview''' to preview live in your default browser.
  
From Lianja v4.1, click the '''Preview live in browser''' toolbutton in the headerbar to carry out both these operations.
+
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''.
 
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''.

Revision as of 12:44, 30 October 2017

Under Construction

See Also

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

Overview

Desktop App View

Desktop App View: Toolbutton



Use Desktop App View to view how your App will run in the Lianja Desktop client.

Click the toolbutton in the header to access.


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 view how your App will run in the Lianja Web client.

Click the toolbutton in the header to access.


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.


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.