SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Deploy SAP UI5 IoT AE Applications to the NEO environment

Follow these steps to create and deploy your IoT application to NEO:

Create your SAP UI5 IoT App

Generate an IoT App from template in the Web IDE and run it.

You should have a landing page with your selected things when running the application:

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Create a SAP UI application from template

To make it possible to deploy to NEO, we will create a new UI5 App from template.

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

After the creation of the UI5 App the structure in the workspace will look like this:

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Make the adjustments to the UI5 App

First delete the full webapp folder in the UI5 App you created in the previous step.

Then delete the neo-app.json file.

You should have the following structure now:

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Copy the full webapp folder and the neo-app.json file from the IoT App project to the UI5 app project.

You should have the following structure now:

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Try to run the UI5 app with the new webapp folder and neo-app.json file.

This should work.

Deploy the UI5 App to SAP Cloud Platform

Select the UI5 project you created and adjusted.

Try to deploy it and see that the option ‘Deploy to SAP Cloud Platform’ is available.

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Select this option and fill in the required fields.

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Log in with your credentials.

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Achieve to message ‘Successfully Deployed’.

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Confirm the deployed UI5 AE App

Go to the SAP Cloud Platform Cockpit > Applications > HTML5 Applications
Notice that your UI5 App is up and running!

SAP IoT Application Enablement, SAP Web IDE, SAPUI5

Select the application and open it by the Application url.

Leave a Reply

Your email address will not be published. Required fields are marked *