Skip to Content

Create a Multi-Target Application Project and Modules in the Web IDE

Previous

Create a Multi-Target Application Project and Modules in the Web IDE

By Abdel DADOUCHE

Learn how to create a Multi-Target Application Project and link it to your GitHub repository

Details

You will learn

  • Create a Multi-Target Application Project
  • Save your Web IDE project in a GIT repository
Step 1: Create a GitHub repository

Open the GitHub https://github.com/ home page in your browser and either sign in or sign-up for a new account.

Once logged in, on the top right corner click the GitHub icon, and select New repository:

GitHub

Enter movielens as Repository Name, check Initialize this repository with a README, then click on Create Repository.

GitHub

Once the repository is created, get the repository URL by clicking on Clone or Download.

GitHub

Save this URL locally or keep the GitHub repository page open.

Follow the instruction below then click on Validate.

Paste your Git repository URL.
×
Step 2: Set your Preferences

Open the Web IDE and login using the XSA_DEV credentials.

As a reminder the default URL for the Web IDE is:

  • https://hxehost:53075

A link to the Web IDE can also be found on the XSA Controller page at:

  • https://hxehost:39030

Switch to the Preference perspective using the Web IDE Preference icon.

Enable Features

Select Features and turn on the following features:

  • Tools for SAP HANA Database Development
  • Tools for Node.js Development
  • Layout Editor
  • SAP HANA Database Explorer

Click on Save. The Web IDE will need to refresh.

Web IDE

Set your Git Settings

Select Git Settings and enter your Git email address and user name.

Web IDE

Click on Save.

Please log in to access this content.
Step 3: Create your project

Switch to the Development perspective using the Web IDE Development icon.

Web IDE

Open the Project template wizard using the File > New > Project From Template menu.

Select Multi-Target Application Project, then click on Next.

MTA

Set your project name to movielens, then click on Next.

MTA

Leave the MTA details by default, set the Space to development and click on Finish.

MTA

Now, right click on the movielens project folder and select Build from the drop down menu or use the Build menu to build your project.

The console should output the following:

2:35:40 PM (Project Space) Workspace settings set successfully
2:41:13 PM (Builder) Build of /movielens started.
2:41:16 PM (DIBuild) [INFO] Target platform is XSA[INFO] Reading mta.yaml[INFO] Processing mta.yaml[INFO] Creating MTA archive[INFO] Saving MTA archive movielens_0.0.1.mtar[INFO] Done
2:41:16 PM (DIBuild) ********** End of /movielens Build Log **********
2:41:16 PM (DIBuild) Build results link: https://hxehost:53075/che/builder/workspaceb17f2iulenl46tib/download-all/53fd1280-3828-4a77-bcc2-8eedfdb6ea54?arch=zip
2:41:16 PM (Builder) Build of /movielens completed successfully.

Note:

If you get the following error: Could not start the build because no builder is installed in your space, it probably mean that the builders are not deployed in the development space.
 
You will need to complete the first step (Verify the builders deployment) from the Check your environment tutorial.

Please log in to access this content.
Step 4: Initialize your local repository

Before linking your project to your GitHub repository, you will need to initialize a local repository.

Right click on the movielens project and select Git > Initialize Local Repository.

Web IDE

The console should output the following:

2:40:13 PM (git) Project : Initialize repository request sent
2:40:14 PM (git) Project : Initialize repository completed successfully
2:40:15 PM (git) Project movielens: Status request completed successfully

Right click on the movielens project and select Project Setting.

Web IDE

Under the Git Repository Configuration section, make sure the user.email is not set to null. If so, update the value with your email address.

Web IDE
Please log in to access this content.
Step 5: Set the Git Remote URL

Right click on the movielens project and select Git > Set Remote.

Web IDE

Enter the GitHub repository URL, and click on OK.

Web IDE

Enter your GitHub credentials, and click on OK.

Web IDE

Click on OK on the Changes Fetched window.

Please log in to access this content.
Step 6: Commit your changes

On the icon bar located on the right side of the Web IDE, click on the Git Pane icon Web IDE.

Web IDE

Click on Pull Web IDE.

Click on Stage All, enter a commit comment, then click on Commit and Push > origin master.

Please log in to access this content.
Next
Back to top