Skip to Content
Author's profile photo Dries Van Vaerenbergh

Deploy SAP UI5 IoT AE Applications to the NEO environment

Hello everyone,

My name is Dries and for the moment I am Working on some IoT project demos to investigate IoT AE. I spend most of the time by creating UI5 applications and for the moment I’m investigating this topic cause IoT gets more important every day.

I am writing this topic to show you that you don’t need to buy a Cloud Foundry license to run IoT apps.

You can run them on the NEO environment.

In this blog I will reveal a little trick to deploy your App to NEO.

 

The following items I recently investigated:

  • Python scripting to send data to SAP Cloud (Postman)
  • SAP IoT Service Cockpit
  • SAP IoT Thing Modeler & Tenant Administration
  • SAP Web IDE IoT UI5 Apps
  • SAP Edge Gateway (EDGE GATEWAY)

 

So let’s get started!

 

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:

 

 

Create a SAP UI application from template

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

 

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

 

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:

.

 

 

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:

 

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.

 

Select this option and fill in the required fields.

 

Log in with your credentials.

 

Achieve to message ‘Successfully Deployed’.

 

Confirm the deployed UI5 AE App

Notice that your UI5 App is up and running!

Select the application and open it by the Application url.

The application starts and shows all your things into the app!

That’s it!

 

So after following this blog you are able to:

  • Create a UI5 App
  • Adjust this UI5 App to prepare it for IoT AE
  • Deploy your App to NEO

 

The SAP Help link of this topic:

Deploying the Application to Neo Environment

 

For the moment I’m investigating SAP Edge Services:

  • Streaming Service
  • Business Essential Functions

This to aggregate filter and trigger events or work orders in SAP S4.

 

I will be pleased to share my knowledge about Edges Services in future posts.

 

Good luck and enjoy!

 

Greetings,

Dries

 

Assigned Tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Paul Miehle
      Paul Miehle

      Hello again Dries,

      is this guide still up to Date? I tried the same instructions on my application but sadly couldn't get it to work. The corresponding Q&A is here:https://answers.sap.com/questions/12710936/deployment-from-neo-to-sap-cloud-platform-error.html.

      If you could take a quick look I would be very grateful.

      Best regards,

      Paul

      Author's profile photo Dries Van Vaerenbergh
      Dries Van Vaerenbergh
      Blog Post Author

      Hi Paul,

      Recently I followed the same steps myself again.

      So they should be still up to date. I will take a look at your question and comment there.

      Kind regards,

      Dries

      Author's profile photo Abdoulaye SANGARE
      Abdoulaye SANGARE

      Hi Dries,

      I tried the same instructions on my application but sadly couldn’t get it to work.

      https://blogs.sap.com/2018/04/23/deploy-sap-ui5-iot-ae-applications-to-the-neo-environment/comment-page-1/#comment-463814

      https://help.sap.com/viewer/86ce311577794701bae493bddd753aa3/1.54.0.0/en-US/894bb92f12c24cf1abc987574f8a4cc7.html

      The corresponding Q&A is here:
      https://answers.sap.com/questions/12970527/deployment-iot-ae-applications-to-the-neo-error-un.html#

      If you could take a quick look I would be very grateful.

      Best regards,
      Abdoulaye.

      Author's profile photo Dries Van Vaerenbergh
      Dries Van Vaerenbergh
      Blog Post Author

      Hi Abdoulaye,

      First of all sorry for the late reply.

      Paul had the same issue some time ago and I was not able to reproduce the issue back then.

      Now I am. I have the feeling it has something to do with the folder structure that has been changed.

      What I want to do is create a GitHub repository with an example to put your code in.

      But I'm afraid I do not find the time soon...

      I will keep you guys posted once I did and I will update this blog with it.

      In the mean time I hope you already found a solution for it.

      Kind regards,

      Dries

      Author's profile photo Abdoulaye SANGARE
      Abdoulaye SANGARE

      Hi Dries,

      The different steps described have solved my problem.

      Steps to take:

      1. Move all files from webapp folder to the root folder of the project
      2. Delete ui5.yaml
      3. Deploy the project to NEO
      4. In neo-app.json file, I replaced the line "path": "/resources/sap/ui/iot", by "path": "/sap/ui5/1/resources/sap/ui/iot",

        {
        "path": "/resources/sap/ui/iot",
        "target": {
        "type": "destination",
        "name": "IOTAS_CONTROLS"
        },

      Best regards,

      Abdoulaye