Offer to come, dig friends take it! I am participating in the 2022 Spring Recruit Punch card activity. Click here for details.

Problem description

I developed a Spring Boot Application in SAP Business Application Studio that provides an OData service implementation. Then I created a SAP UI5 application using the BAS create from Template function.

Now I want to deploy this SAP UI5 application on the SAP Business Technology Platform.

Execute command line

npm run build:cf:

Error:

fiori: not found

Problem analysis

We opened Business Application Studio using the Chrome Developer Tool and found that the Terminal panel passed acanvasTAB page implementation.

In the node_modules folder of a normally deployable SAP UI5 application, find the fiori-tools folder and find that there is no bin folder. Tooling @sap/ Ux-UI5-tooling:

Fiori execution was found in the bin folder of @sap/ UX-UI5-tooling:

Therefore, the solution is to add the following dependencies to the PACKage. json under the SAP UI5 project to solve the problem:

"ui5": {
    "dependencies": [
      "@sap/ux-ui5-tooling"."fiori-tools"
    ]
Copy the code

conclusion

Q: what is @sap/ UX-UI5-tooling?

SAP Fiori Tools-UI5 Tooling contains a number of custom middleware pieces that can be used with the command UI5 serve, and a custom task that can be used with the command UI5 build. In addition, the module exposes CLI Fiori products, for example, the fiori run command is a wrapper around ui5 serve command, Additional parameters are provided as well as fiori Add deploy-Config and fiori Add FLp-config to extend existing projects.

When developing UI5 projects on local systems, you should use UI5 Server (UI5 Serve) instead of UI5 Builder (UI5 Build). You need to build a project only when you deploy it.

What is Fiori-tools?

The SAP Fiori tool provides many features to improve the efficiency of developing SAP Fiori applications using SAP Fiori elements or the SAPUI5 freestyle approach. The SAP Fiori tool, together with the SAP Fiori element, reduces development time, maintenance costs, and takes advantage of a metadata-driven UI.

The SAP Fiori tool includes the following extensions:

  • A wizard to initially create the application.
  • A service modeler for viewing data models.
  • XML and form-based editor for maintaining annotations – SAP Fiori Elements only.
  • Application page structure and the ability to configure SAPUI5 flexibility Settings – SAP Fiori Elements only.
  • Guided development for implementing functionality – SAP Fiori Elements only.