Show TOC

Create a Project for a Fiori App in the Web IDE Locate this document in the navigation structure

Prerequisites

  • You are registered in the cloud for using SAP Web IDE in the cloud.

    More on this: SAP web IDE - Getting Started

  • You have the authorization for using the SAP Web IDE (role WebIDEPermission).

    More on this: SAP web IDE - Assigning Roles to Permissions

  • The system connection to the relevant SAP Gateway system is configured using the SAP HANA Cloud Connector and available from within the SAP Web IDE.

Procedure

To create a project based on a specific template, proceed as follows:

  1. Launch the SAP Web IDE in a web browser.
  2. From the File menu, choose Start of the navigation path New Next navigation step Project from Template End of the navigation path.
  3. Select Smart Template Application as the template category for project generation and choose Next.
  4. Enter a Project Name, Title, and the Application Component Hierarchy and choose Next.
    Editing basic project information in the new project wizard of the SAP Web IDE
    Figure 1: Editing basic project information in the new project wizard of the SAP Web IDE
  5. To specify the Data Connection, choose Service Catalog, select the Gateway system from the list, and then choose the service that you created in the last procedure. Now choose Next.
    Specifying the service from SAP Gateway system
    Figure 2: Specifying the service from SAP Gateway system
  6. Since the OData service received from SAP Gateway does not provide any UI annotations, the list of annotation files is empty. Therefore, this step is not relevant for your template and you can ignore the annotation selection. Now choose Next.
    In our case, the OData service does not provide any available UI-related metadata
    Figure 3: Annotation Selection: In our case, the OData service does not provide any available UI-related metadata
  7. Assign the name of the original data model (CDS consumption view) to Data Binding template parameter. Then choose Next.
    Assigning the CDS view
    Figure 4: Assigning the CDS view fro consumption
  8. Confirm your project information in the last wizard page and choose Finish.

Results

The project wizard creates the SAP Fiori app based on Fiori Smart Templates. The SAP Web IDE automatically opens the new project in the workspace under a folder with the project name that you specified and displays the project tree:
Project tree created in the SAP Web IDE
Figure 5: Project tree created in the SAP Web IDE