Preface – This post is part of the SAP Multi-Target Application (MTA) series.
To setup MTA, we will initially need access of SAP Web IDE. Once you have access of the SAP Web IDE, follow the given steps to configure an MTA application:
Step 01: Open your web IDE and right click on your workspace and click Project from Template under New as shown below:
Step 02: Choose category as All categories, environment as Cloud Foundry and search Multi-Target Application as shown below:
Step 03: Select Multi-Target Application and click Next. Give a project name and its description in upcoming screens and also check mark “Use HTML5 Application Repository” as shown below and click Finish:
This project will be empty as of now with only one .yaml file.
Step 04: For our UI5 App, we will need an HTML5 Module. Right click on your project and select HTML5 Module under New, as shown below:
Select Category as SAP Fiori Application and search UI5. Select SAPUI5 Application as shown below:
Later, give a Module Name and Namespace for UI5 application. Then proceed to further screens and finish. It will add a HTML module under your MTA application. In our case, we have kept both names same as shown below:
Step 05: For our Node.js App, we will need a Node.js Module. Right click on your project and select Node.js Module under New, as shown below:
Give a module name (xs.js, in our case), a description, and check mark “Enable XSJS support” as shown below, and click finish:
Step 06: Now, we are ready to push our App to Cloud Foundry so that the API that we are going to make is always up and accessible worldwide. For this, we will change the Project Settings so that our project points to the correct cloud foundry settings.
Right click on your project and click Project Settings under Project as shown below:
Here, you need to click on Cloud Foundry under Project section and just select the available API Endpoint. It will bring all other data as shown below [This will be prefilled unlike the image shown below]:
Now, we are ready to deploy/build our project. For that just click Build as shown below, it will take care of everything by itself.
That’s it. Now, we are ready to work on our coding part of the API.