Skip to content

Latest commit

 

History

History
1241 lines (731 loc) · 14.7 KB

capabilities-overview-f540ae1.md

File metadata and controls

1241 lines (731 loc) · 14.7 KB

Capabilities Overview

Note:

To view information on the features available in your application, open the Command Palette ([CMD/CTRL] + [Shift] + [P] ) and execute the Fiori: Open Application Info command. For more information, see Application Information.

The following table lists the SAP Fiori tools features provided in each template and data source.

Project-Relevant Commands in Application Information Page

Feature

Command

Description

SAP Fiori Elements

Freestyle SAPUI5

UI5 Library

V2

V4

EDMX Back End

CAP Node.js

CAP Java

Add Deploy Config

sap.ux.appGenerator.launchDeployConfig

Add deploy configuration.

Add Mockserver Config

npx --yes @sap-ux/create@latest add mockserver-config

Add configuration for mockserver middleware.

 

Add Variants Config

sap.ux.applicationModeler.addVariantsConfig

Add Configuration for Variants Creation.

 

Build Application

npm run build

Build the application. The results are stored in the dist folder.

 

Change minUI5Version

sap.ux.applicationModeler.changeMinUI5Version

Change the minimum version of SAPUI5 that this application requires.

 

Check Node Modules

npm outdated

Execute command that checks all node module dependencies for newer versions.

 

Check Service

sap.ux.serviceModeler.openFile

Check service with annotation. You can copy annotations to local annotation file.

 

Create Archive

sap.ux.environmentcheck.archiveProject

Zip the project excluding the node_modules folder for sharing which can be useful in support cases.

 

Deploy

sap.ux.appGenerator.launchDeploy

Deploy according to the configuration by default stored in the ui5-deploy.yaml.

Maintain Mockdata

sap.ux.dataEditor.open

Start editor for maintaining mock data.

 

Manage Service Models

sap.ux.serviceModeler.openServiceMgr

You can sync metadata.xml with the back end.

 

Manage XML Annotations

sap.ux.serviceModeler.openAnnotationFileMgr

You can choose or create local XML annotation files.

 

Open Guided Development

sap.ux.help.openGuidedDevelopmentFromExplorer

Guided Development helps solve common tasks.

 

Open Page Map

sap.ux.pageMap.showMap

Open the page map that shows application pages and navigation paths.

 

Preview Application

sap.ux.pageEditor.previewExternal

Choose from start scripts to run the application preview.

 

Run UI5 Linter

sap.ux.applicationModeler.runUI5Linter

Run a static code analysis to validate compliance with SAPUI5 best practices. For more information, see UI5 linter.

Show Documentation

sap.ux.applicationModeler.showDocu

Show documentation of available manifest and UI5 flexibility properties.

 

Test deployment

npm run deploy-test

Start deployment in test mode.

 

Undeploy

npm run undeploy

Remove a deployed artifact from back end or cloud.

 

Validate Application

sap.ux.applicationModeler.validate

Validate the application.

 

Scripting Languages

SAP Fiori apps are based on the SAPUI5 framework. SAP Fiori tools supports the development of SAP Fiori apps with JavaScript or TypeScript. For more information, see UI5 and TypeScript.

Usability

The following support keyboard navigation and high contrast theming:

  • Guided Development extension
  • Page Map
  • Page Editor
  • Application Info

Keyboard navigation provides a streamlined experience enabling users to use the application without a mouse. Use the arrow keys to navigate within sections, the [Tab] key to navigate to new sections and controls, [Shift] + [Tab] to navigate back to sections and controls, and [Enter] to make selections.

A high contrast theme provides better readability and accessibility. You can switch to a high contrast theme using Preferences > Color Themes in VS Code or SAP Business Application Studio.