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:

MTA Setup step 01

Step 02: Choose category as All categories, environment as Cloud Foundry and search Multi-Target Application as shown below:

MTA Setup step 02

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:

MTA Setup step 03

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:

MTA Setup step 04

Select Category as SAP Fiori Application and search UI5. Select SAPUI5 Application as shown below:

MTA Setup step 05

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:

MTA Setup step 06

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:

MTA Setup step 07

Give a module name (xs.js, in our case), a description, and check mark “Enable XSJS support” as shown below, and click finish:

MTA Setup step 08

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:

MTA Setup step 09

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]:

MTA Setup step 10

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.

MTA Setup step 11

That’s it. Now, we are ready to work on our coding part of the API.

Leave a comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Translate »