Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
app-notes:cumulocity-app [2017/01/17 16:30] shasha |
app-notes:cumulocity-app [2017/02/10 14:27] (current) krepel [Installing Cumulocity UI plugins] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ==== Comulocity application ==== | + | ===== Build Comulocity Application ===== |
| + | |||
| + | ==== Prerequisites ==== | ||
| * You will need Node.js (6.7 or newer) | * You will need Node.js (6.7 or newer) | ||
| * You will need npm (installed with Node.js) | * You will need npm (installed with Node.js) | ||
| Line 33: | Line 35: | ||
| </code> | </code> | ||
| ==== Installing Cumulocity UI plugins ==== | ==== Installing Cumulocity UI plugins ==== | ||
| - | Now the can create a folder for our Cumulocity app. In this folder we need a package.json file. This file we can create with: | + | Now the can create a folder for your Cumulocity app. In this folder we need a package.json file. This file we can create with: |
| <code bash> | <code bash> | ||
| npm init | npm init | ||
| </code> | </code> | ||
| - | We need for our app the Cumulocity UI plugins. In this folder are all the Cumulocity plugins. If we want, we can use this in our app. | + | We need for our app the Cumulocity UI plugins. So we install in this folder all the Cumulocity plugins. |
| <code bash> | <code bash> | ||
| c8y install latest | c8y install latest | ||
| Line 43: | Line 45: | ||
| If you want, to see in detail how you can create your app then klick on this link: https://www.cumulocity.com/guides/web/introduction/ | If you want, to see in detail how you can create your app then klick on this link: https://www.cumulocity.com/guides/web/introduction/ | ||
| - | If you are finished with your app, then you can build your app and upload to Cumulocity. | ||
| To build the app go to the root folder of your app: | To build the app go to the root folder of your app: | ||
| <code bash> | <code bash> | ||
| - | c8y build:app | + | c8y build:app <app_name> |
| </code> | </code> | ||
| The app is stored in **/build** folder of your app. | The app is stored in **/build** folder of your app. | ||
| + | If you are finished with your app, then you can build your app and upload to Cumulocity. | ||
| ==== Upload the application to Cumulocity ==== | ==== Upload the application to Cumulocity ==== | ||
| Navigate to the Administation and klick to menu Own applications. | Navigate to the Administation and klick to menu Own applications. | ||
| Line 55: | Line 57: | ||
| Then we have to klick to Add application. | Then we have to klick to Add application. | ||
| {{ :app-notes:ownapp.png?nolink |}} | {{ :app-notes:ownapp.png?nolink |}} | ||
| - | Then we have to klick to Add application. | ||
| - | {{ :app-notes:upload1.png?nolink |}} | ||
| Then we get this window. In our case we want to upload the ZIP file. For this we klick at Upload ZIP file. | Then we get this window. In our case we want to upload the ZIP file. For this we klick at Upload ZIP file. | ||
| {{ :app-notes:upload.png?nolink |}} | {{ :app-notes:upload.png?nolink |}} | ||
| + | Now we can drop our ZIP file in this square or klick at “Upload archive” to upload the file. | ||
| + | {{ :app-notes:upload1.png?nolink |}} | ||
| + | Take your application and klick “Open” and the file will be uploaded. | ||
| + | {{ :app-notes:finish.png?nolink |}} | ||