Difference between revisions of "Getting Started Part 4"

From Lianjapedia
Jump to: navigation, search
Line 4: Line 4:
 
[[Introducción Parte 4|Lea ésto en español]]
 
[[Introducción Parte 4|Lea ésto en español]]
  
−
==Page Collections==
+
[[Getting Started Part 1]]
−
You should now have two Pages in your App. You can build as many as you want. You can group pages into logical groups (menus) by creating a Page Collection.
+
  
−
===Creating a Page Collection===
+
[[Getting Started Part 2]]
  
−
[[{{ns:file}}:gs4_1.png|450px|thumb|left|link={{filepath:gs4_1.png}}|Create Page Collection]]
+
[[Getting Started Part 3]]
  
 +
==Deploying and Testing your App locally==
  
−
Create a Page Collection called Admin as shown.
+
===Publish===
 +
[[{{ns:file}}:getstart4_1.png|450px|thumb|left|link={{filepath:getstart4_1.png}}|App Settings: Published]]
  
 +
 +
 +
 +
Before deploying your App for the desktop runtime client, it needs to be 'published'.
 +
 +
Open the Settings from the Modebar, click the '''Published''' checkbox (True) and click '''Done'''.
 +
 +
Once an App is published, its tile will appear in the Home workspace App Center.
 +
 +
For information on configuring the App's tile see [[Lianja App Center Tiles]].
 +
 
<br clear=all>
 
<br clear=all>
  
−
===Adding Pages to a Page Collection===
+
===Quick Deploy===
 +
[[{{ns:file}}:getstart4_2.png|450px|thumb|left|link={{filepath:getstart4_2.png}}|Quick Deploy]]
  
−
[[{{ns:file}}:gs4_2.png|450px|thumb|left|link={{filepath:gs4_2.png}}|Add Pages to Page Collection]]
 
  
  
−
To add Pages into a Page Collection, you just click on the Page title in the Page headerbar and drag the title on top of the Page Collection button.
+
To deploy for the desktop runtime, click the '''Quick Deploy''' toolbutton in the headerbar.
 +
 
 +
Click '''Setup'''.  This will take you to the Deploy workspace to setup the files you want to deploy.
 +
 
 +
This is done once, then you can deploy using the current settings multiple times.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Accessing Pages from a Page Collection===
+
[[{{ns:file}}:getstart4_3.png|450px|thumb|left|link={{filepath:getstart4_3.png}}|Deploy Workspace]]
  
−
[[{{ns:file}}:gs4_3.png|450px|thumb|left|link={{filepath:gs4_3.png}}|Page Collection]]
 
  
  
−
Now the two pages Customers and Employees are grouped into the Admin Page Collection in the Navigation Menu Panel.
+
In the Deploy workspace, click the arrow to the left of '''Apps''' then scroll down and click the checkbox next to '''myapp'''.
 +
 
 +
Reselect '''Pages''' from the Modebar.
  
 
<br clear=all>
 
<br clear=all>
  
−
[[{{ns:file}}:gs4_4.png|450px|thumb|left|link={{filepath:gs4_4.png}}|Navigation Menu in App Settings]]
+
[[{{ns:file}}:getstart4_4.png|450px|thumb|left|link={{filepath:getstart4_4.png}}|Quick Deploy: Preview]]
  
  
−
The Page Menu can be displayed in the Left Sidebar instead of the Navigation Menu Panel. 
 
  
−
This is an App-wide setting, so click on the Settings button at the bottom of the Modebar to access the App Settings.
+
Click '''Quick Deploy''' again and click the '''Preview''' button to view the files that will be deployed.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Removing Pages from a Page Collection===
+
[[{{ns:file}}:getstart4_5.png|450px|thumb|left|link={{filepath:getstart4_5.png}}|Quick Deploy: Commit]]
  
−
[[{{ns:file}}:gs4_5.png|450px|thumb|left|link={{filepath:gs4_5.png}}|Remove Page From Page Collection]]
 
  
  
−
If you want to move Pages out of a Page Collection just drag and drop them back into the Headerbar. 
 
  
−
You can also re-order Pages in the Page Collection by dragging them into the Headerbar then back into the Collection.
+
Then click '''Commit''' to deploy the files.
  
−
Note that right-clicking on the Page Collection title allows you to rename or delete the Collection.
+
<br clear=all>
 +
 
 +
[[{{ns:file}}:getstart4_6.png|450px|thumb|left|link={{filepath:getstart4_6.png}}|Quick Deploy: Deployment Completed]]
 +
 
 +
 
 +
 
 +
Click '''Close''' once the deployment has completed.
  
 
<br clear=all>
 
<br clear=all>
  
−
===Running the completed application===
+
===Lianja App Center===
 +
[[{{ns:file}}:getstart4_7.png|450px|thumb|left|link={{filepath:getstart4_7.png}}|Log into Desktop Client App Center]]
  
−
[[{{ns:file}}:gs4_6.png|450px|thumb|left|link={{filepath:gs4_6.png}}|Page Collection - Desktop App View]]
 
  
  
−
Now you have an application consisting of two pages. 
 
  
−
Click the Desktop App View icon and run your completed App. It's as simple as that!
+
Now, double-click on the '''Lianja App Center''' shortcut on your desktop - this is the desktop runtime client.
 +
 
 +
Enter the default Username '''admin''' and the default Password '''admin'''.
 +
 
 +
Then click '''Login'''.
  
 
<br clear=all>
 
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_8.png|450px|thumb|left|link={{filepath:getstart4_8.png}}|Open App in App Center]]
 +
 +
 +
 +
You should now see your App's tile.
 +
 +
Click the tile to run the App.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_9.png|450px|thumb|left|link={{filepath:getstart4_9.png}}|Running App in App Center]]
 +
 +
 +
 +
Now you can view and test your App running in the desktop client.
 +
 +
<br clear=all>
 +
 +
===Deploying and running Web Apps===
 +
[[{{ns:file}}:getstart4_10.png|450px|thumb|left|link={{filepath:getstart4_10.png}}|Deploy Web App in Web App View]]
 +
 +
 +
 +
To deploy a web App, click on the '''Web App View''' toolbutton in the Headerbar to open your App in Web App View.
 +
 +
Then click '''Deploy'''.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_11.png|450px|thumb|left|link={{filepath:getstart4_11.png}}|Web App View Preview: Login in Browser]]
 +
 +
 +
 +
Then click '''Preview'''.
 +
 +
This will open the App in your default browser.
 +
 +
Log in to the web client Lianja App Center using the default Username '''admin''' and the default Password '''admin'''.
 +
 +
Note that once you have an authenticated session running in the browser, you can Deploy and Preview the App without having to login again.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_12.png|450px|thumb|left|link={{filepath:getstart4_12.png}}|Web App View Preview: App Center in Browser]]
 +
 +
 +
 +
You should now see your App's tile.
 +
 +
Click the tile to run the App.
 +
 +
<br clear=all>
 +
 +
[[{{ns:file}}:getstart4_13.png|450px|thumb|left|link={{filepath:getstart4_13.png}}|Web App View Preview: Running Web App in Browser]]
 +
 +
 +
 +
Now you can view and test your App running in the web client.
 +
<br clear=all>
 +
  
 
[[Category:Getting Started]]
 
[[Category:Getting Started]]

Revision as of 09:37, 12 July 2017

See Also

Watch the video

Lea ésto en español

Getting Started Part 1

Getting Started Part 2

Getting Started Part 3

Deploying and Testing your App locally

Publish

App Settings: Published



Before deploying your App for the desktop runtime client, it needs to be 'published'.

Open the Settings from the Modebar, click the Published checkbox (True) and click Done.

Once an App is published, its tile will appear in the Home workspace App Center.

For information on configuring the App's tile see Lianja App Center Tiles.


Quick Deploy

Quick Deploy


To deploy for the desktop runtime, click the Quick Deploy toolbutton in the headerbar.

Click Setup. This will take you to the Deploy workspace to setup the files you want to deploy.

This is done once, then you can deploy using the current settings multiple times.


Deploy Workspace


In the Deploy workspace, click the arrow to the left of Apps then scroll down and click the checkbox next to myapp.

Reselect Pages from the Modebar.


Quick Deploy: Preview


Click Quick Deploy again and click the Preview button to view the files that will be deployed.


Quick Deploy: Commit



Then click Commit to deploy the files.


Quick Deploy: Deployment Completed


Click Close once the deployment has completed.


Lianja App Center

Log into Desktop Client App Center



Now, double-click on the Lianja App Center shortcut on your desktop - this is the desktop runtime client.

Enter the default Username admin and the default Password admin.

Then click Login.


Open App in App Center


You should now see your App's tile.

Click the tile to run the App.


Running App in App Center


Now you can view and test your App running in the desktop client.


Deploying and running Web Apps

Deploy Web App in Web App View


To deploy a web App, click on the Web App View toolbutton in the Headerbar to open your App in Web App View.

Then click Deploy.


Web App View Preview: Login in Browser


Then click Preview.

This will open the App in your default browser.

Log in to the web client Lianja App Center using the default Username admin and the default Password admin.

Note that once you have an authenticated session running in the browser, you can Deploy and Preview the App without having to login again.


Web App View Preview: App Center in Browser


You should now see your App's tile.

Click the tile to run the App.


Web App View Preview: Running Web App in Browser


Now you can view and test your App running in the web client.

Retrieved from "https://www.lianja.com/doc/index.php?title=Getting_Started_Part_4&oldid=17005"