Skip to content

Latest commit

 

History

History
100 lines (66 loc) · 2.98 KB

importing-an-application-ab4657c.md

File metadata and controls

100 lines (66 loc) · 2.98 KB

Importing an Application

You can manually import an existing SAP Fiori application from the SAPUI5 ABAP repository to SAP Business Application Studio or Visual Studio Code (VS Code).

Preparation Steps

Before importing an application, in your workspace in either SAP Business Application Studio or VS Code, create new folders with the following names:

Name

Description

restore-from-exported

This folder contains the restored app.

restore-from-exported/webapp

This folder will contain the content of the downloaded zip/tgz.

Import Steps

Note:

The BSP application code is normally minified before deployment, and so the resulting code that is downloaded is also the minified version. We recommend that you only use this import procedure if the application code is not already available under source control.

The -dbg.js file, such as (Component-dbg.js), contains the original un-minified code. You can copy its contents into the corresponding .js file, for example, Component-dbg.js > Component.js for more human readable code.

Remove -dbg.js, -preload.js and .js.map before running UI5 CLI build, otherwise they are recreated in the dist folder.

To import SAP Fiori apps from the SAPUI5 ABAP repository, perform the following steps:

  1. Login to your SAPUI5 ABAP back-end system and navigate to the transaction SE80.

  2. Run the report /UI5/UI5_REPOSITORY_LOAD.

  3. Provide the name of the SAPUI5 application and click Download.

  4. Choose an empty folder for the download target.

  5. From the resulting view, download the files as a .zip file using the button Click here to Download at the end of the page.

  6. Extract the .zip file into the folder restore-from-exported/webapp.

    • Verify that the manifest.json is located at restore-from-exported/webapp/manifest.json.

  7. Create a package.json in the folder restore-from-exported. The name value should match the application name in manifest.json.

    {
   "name": "sap.fe.demo.awesomeapp",
}

    You can see the original application name and namespace in the manifest.json file. For example:

    {
   "sap.app": {
      "id": "sap.fe.demo.awesomeapp",
      ..
}

  8. In SAP Business Application Studio or VS Code workspace, start the migration command Fiori: Migrate Project for use in Fiori tools if not already prompted to do so.

  9. The project should be found in restore-from-exported and listed for migration.

  10. Choose the appropriate options and migrate the project.

  11. The project is now compatible with SAP Fiori tools.