开源工具 SAP UI5 Tools 介绍

简介: 开源工具 SAP UI5 Tools 介绍

SAP UI5 Tools 是一个开放和模块化的工具链,用于开发基于 UI5 框架的最先进的应用程序。


大多数 UI5 工具模块提供了 JavaScript api,供其他 Node.js项目直接使用。这允许开发人员通过编程的方式,依赖于UI5工具来实现特定于UI5的构建功能和项目处理,同时创建属于自己的工具来完美匹配项目的需求。


一个例子:

const {normalizer} = require("@ui5/project");
const {builder} = require("@ui5/builder");
async function buildApp(projectPath, destinationPath) {
    const tree = await normalizer.generateProjectTree({
        cwd: projectPath
    });
    await builder.build({
        tree,
        destPath: destinationPath,
        selfContained: true,
        excludedTasks: ["transformBootstrapHtml"],
        buildDependencies: true
    });
}

全局安装的UI5 CLI 将总是尝试调用本地安装的UI5 CLI版本。这样的好处是,开发人员可以在项目中使用不同版本的UI5工具。


启动一个新的UI5项目最简单的方法是使用模板生成器,如generator-easy- UI5。

选择为要创建的项目类型和要将其部署到的目标环境设计的模板。确保模板已经使用了UI5工具。一个很好的标志是项目中存在 ui5.yaml 文件。通过查找 ui5.yaml 文件是否存在,开发人员可以很容易地检查一个项目(应用程序或库)是否已经可以使用 UI5 Tools.


项目根目录中的 ui5.yaml 文件(有些例外) 是所有项目和它们的依赖(例如重用库) 在UI5 Tools 中起作用的必要条件。


在使用 SAP Business Application Studio 时,有若干个模板可供使用。

  • ui5 use openui5@latest
  • ui5 use sapui5@latest

使用不同的 framework.

使用命令行添加依赖:

ui5 add sap.ui.core sap.m sap.ui.table themelib_sap_fiori_3

使用 ui5 serve 命名行来启动本地开发服务器和 ui5 build --all 产生一个优化的、静态的项目版本,然后可以将其部署到生产环境中。


目前,该工具只能解析 package.json 文件中定义的依赖项。 这可能会在未来通过为额外的依赖管理系统添加翻译器来改变。


要管理依赖项,几乎可以使用任何依赖于 package.json 文件的 Node.js 包管理器。 流行的是 npm、Yarn 和 pnpm。


UI5 工具解决依赖关系的方式几乎与 Node.js 在执行 require 语句时所做的相同。


相关文章
|
24天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
15 0
|
2月前
|
开发者 UED
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
15 0
|
2月前
|
消息中间件 Kafka Linux
Kafka【付诸实践 03】Offset Explorer Kafka 的终极 UI 工具安装+简单上手+关键特性测试(一篇学会使用 Offset Explorer)
【2月更文挑战第21天】Kafka【付诸实践 03】Offset Explorer Kafka 的终极 UI 工具安装+简单上手+关键特性测试(一篇学会使用 Offset Explorer)
208 2
|
2月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
15 0
|
2月前
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
15 0
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
33 0
|
2月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0