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.
ConversionConversion EmoticonEmoticon