Skip to Content
Personal Insights
Author's profile photo Ravi Yadav

Deploying an Angular Application on SAP Neo

My primary experience has been using the SAP Neo environment in the SAP Cloud Platform.

While working with the angular, I faced a lot of problems in deploying the angular app,

And this blog is aimed at reducing the efforts and time spent on deploying the angular app on Cloud platform.

Angular cli is like a command line interface which is used to build the applications similar to NodeJS i.e., breaking them into modules.

Since, everything is moving towards cloud-native development, we will see how to deploy Angular app on SAP Neo environment.

The blog is broken into 3 parts:

  1. Create an application,

  2. build it and

  3. publish it as SaaS.

So, let’s begin …...

Step 1:

  1. Create an angular cli app with “ng new app_name” command.
  2. If you are new to angular you can refer https://angular.io/guide/quickstart

 

3. To run the app, write a command “ng serve -o”.

For a simple deployment, we create a production build and image the result directory to a web server.

 

 

4. Now go to the folder where you have created the application dist -> app_name

5. Select all and convert it into a zip file.

Step 2:

  1. To deploy the app, we must have a SAP Cloud Platform account (trial).(In case you do not have a trial account https://account.hanatrial.ondemand.com/#/home/welcome)
  2. Open SAP Web IDE in your neo-account.
  • Click on services (Left side menu).
  1. Type SAP Web IDE in search box and select.
  2. Click on go to services.

Step 3:

Import the zip file you created.

 

create a file file “neo-app.json in your web ide” It is an application descriptor file, in case you are using HANA services for backend API calls you can register your destination here.

  • Once your neo-app file is ready right click on the project file select,
  • deploy -> deploy to SAP cloud platform.

 

 

 

 

Now you will get a link where the app is deployed, and you see the application runs absolutely fine.

Assigned Tags

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

      Hi

       

      This is a nice blog to start with. I have a created a simple helloworld angular app and tried the steps to deploy in hana cloud, but after deploying it is not displaying the content in index.html. in console i am getting the 404 error for runtime.js, main.js and other files in the build folder.

      Please let me know how to fix it. Do we have to mention any base href in index.html ?

       

      Thanks and Regards,

      Karunakar Reddy

      Author's profile photo Ravi Yadav
      Ravi Yadav
      Blog Post Author

      could you share your neo-app.json file.

      Author's profile photo Daniel Hüdig
      Daniel Hüdig

      Hi!

      We are currently working with Angular 6 on the SAP Cloud Platform in the NEO environment. Is there any restriction in upgrading the Angular version to 7 or 8?

       

      Best, Daniel

      Author's profile photo Ravi Yadav
      Ravi Yadav
      Blog Post Author

      Hi Daniel,

      (Sorry for being really late)

      There are few changes from Angular 6 but there aren't any major restrictions.

       

      thanks

      Ravi

      Author's profile photo Abhilash Manupati
      Abhilash Manupati

      Hi , Can anyone elaborate steps deploy angular universal application in SAP