Steps to deploy a simple SAPUI5 application in cloud platform using SAP WEB IDE

[former_member603080]

Hi Autodidact,

This blog is for enthusiastic people who wants to learn creating a simple application and deploy it into cloud platform using SAP WEB IDE for the first time.

We will go through step by step processes of creation and deployment of a application in cloud.

Pre-requisites required :-

Accounts and infrastructure:-

1. SAP Cloud platform Cloud Foundry/Neo trial account.


2. SAP Web Ide Full stack service enabled.

Skills:-

1. Basic knowledge of Cloud Foundry/Neo and SAP Cloud Platform.


2. Basic knowledge of SAPUI5 or any UI frameworks.

 

Lets start:

Login into Cockpit and navigate to your trial account (Cloud Foundry/Neo) and then to services and then open SAP WEB IDE full stack.





Navigate to next page by clicking on SAP Web IDE full stack gird.



click on "Go to Service" link, it will load SAP Web Ide.



 

Navigate to workbench and in workspace start creating a new SAPUI5 project as shown below.



Select SAPUI5 template.

Enter basic details.



Click on finish it will create a project on workspace.

Right click on project and navigate to Deploy



Deploy new application if its first time

If you already created and wanted to update some changes then select option "Update an existing application", we can change the version number to create updated version separately as well.

Click on Deploy once the required change are done.

Click on "Application URL link" to check the UI display (output).

Output of the application in cloud platform

 

Congratulations!! Your first application is deployed into the cloud.

You can play around by doing changes in View1.view.xml, i18n.properties, index.html content and check the output by refreshing the page.

Note: For deploying the project in Cloud Foundry, you can create a mtar project first and then SAPUI5 under HTML5 module and we can deploy mtar file which we got after building the project into Cloud Foundry.