Skip to Content

Create a Basic SAP Web IDE Extension (MTA Project)

test
0 %
Create a Basic SAP Web IDE Extension (MTA Project)
Details
// Explore More Tutorials

Create a Basic SAP Web IDE Extension (MTA Project)

08/16/2019

Create a basic SAP Web IDE project for extending SAP Web IDE.

You will learn

  • How to create a basic SAP Web IDE extension project for adding functionality to SAP Web IDE or for use in a tutorial.
  • How to test the new extension within SAP Web IDE.

You use an extension to bundle and deliver plugins, since one extension may be composed of several plugins in order to provide a certain functionality. An extension to be deployed to SAP Cloud Platform is an application created with a multi-target application (MTA) project.

You’ll start by creating an extension project that contains a single plugin. You’ll use the SAP Web IDE Extension (MTA Project) template, which generates basic extension and plugin structures in your SAP Web IDE Workspace.


Step 1: Open a new project
  1. On the Welcome page of SAP Web IDE, click the New Project from Template tile.

    New Project tile
  2. On the Template Selection wizard screen, in the Category dropdown list, select Extension and Plugin Development.

    Select category
  3. Choose the SAP Web IDE Extension (MTA Project) tile and then choose Next.

    Choose tile
Select the correct category name for displaying the "SAP Web IDE Extension (MTA Project)" tile:
×
Step 2: Enter basic information
  1. In the wizard, on the Basic Information screen, enter a relevant project name and then choose Next.

    Check whether a certain project name must be used in the tutorial you are planning on following.

    Enter project name
  2. In the wizard, on the Template Customization screen, enter the following:

    • Extension Name - Enter a relevant name for your extension.

      Check whether a certain extension name must be used in the tutorial you are planning on following.

    • Description (Optional)

    • Plugin Name - Enter a relevant name for your plugin.

      Check whether a certain plugin name must be used in the tutorial you are planning on following.

    • Plugin Description (Optional)

  3. Select the Include sample implementation code checkbox.

    Extension and plugin details
  4. Choose Finish.

A new SAP Web IDE extension project folder now appears in your workspace.

Workspace

If you make any changes in the resources folder, you need to make sure to archive it. To do that, right-click the resources folder, and then choose Archive.

Log on to answer question
Step 3: Test the extension

In the Workspace, right-click the package.json file and choose Run > Run As SAP Web IDE Extension. SAP Web IDE opens in a new browser tab called Debug Mode.

Run extension

In the new browser tab, use the extension by going to the Tools menu and selecting Sample > Hello World. A dialog opens with a message.

Test extension

You can now proceed to the tutorial: Build and Deploy an SAP Web IDE Extension (MTA Project).

Log on to answer question

Next Steps

Prerequisites

Back to top