SAP|SAP UI5 Tools 使用简介
我们可以使用如下命令行安装 SAP UI5 Tools:
npm install --global @ui5/cli进入一个空的文件夹,执行命令行
ui5 init
报错:Initialization not possible: Missing package.json file

文章图片
然后用命令行
npm init
生成一个 package.json
:
文章图片

文章图片
然后重新执行
ui5 init
:出现新的错误消息:
Could not detect project type: Could not find 'webapp' or 'src' / 'test' folders.
Applications should only have a 'webapp' folder.

文章图片
那么我就手动创建一个
webapp
文件夹。之后 init 执行成功,自动创建了一个
ui5.yaml
文件:
文章图片
内容如下:

文章图片
按照我这篇文章
使用 generator-easy-ui5 快速创建 SAP UI5 应用的工程结构
介绍的工具,创建一个 SAP UI5 应用所需的基本文件层级结构。生成之后,查看其
package.json
里 script 区域定义的脚本:"scripts": {
"start": "fiori run --open 'index.html'",
"start-local": "fiori run --config ./ui5-local.yaml --open 'index.html'",
"start-noflp": "fiori run --open 'index.html'",
"build": "ui5 build -a --clean-dest --include-task=generateManifestBundle generateCachebusterInfo",
"deploy": "fiori verify",
"deploy-config": "fiori add deploy-config",
"unit-tests": "fiori run --open test/unit/unitTests.qunit.html",
"int-tests": "fiori run --open test/integration/opaTests.qunit.html"
},
脚本里的
fiori
命令,即是本文标题提到的 SAP UI5 Tools
的命令提示行工具 CLI
。执行
npm run start
,实际执行的命令是 fiori run --open 'index.html'
:
文章图片
最后运行时的效果:

文章图片
我们直接运行
fiori deploy
,会报错:'fiori' is not recognized as an internal or external command,需要在 npm 这个 wrapper 里运行:
operable program or batch file.
npm run deploy
:
文章图片
错误消息:
No deployment configuration has been detected. Run npm run deploy-config
to add configuration first.
意思是没有检测到 deployment configuration
,需要先运行另一个命令:npm run deploy-config
。首先选择 ABAP 环境:

文章图片
这个命令行
npm run deploy-config
底层运行的还是 yo
:
文章图片
Target System URL
,先随便维护一个,后续可以修改:
文章图片
输入部署到 ABAP 系统后生成的 bsp 应用名称和存储的 ABAP package 名称,即可成功生成
deployment configuration
:【SAP|SAP UI5 Tools 使用简介】

文章图片

文章图片
更多Jerry的原创文章,尽在:"汪子熙":

文章图片
推荐阅读
- SAP|SAP UI5 Tools 运行了 fiori add deploy-config 命令之后,工程文件发生了哪些变化
- SAP|SAP UI5 初学者教程之二十七 - SAP UI5 应用的单元测试工具 QUnit 介绍试读版
- SAP|SAP UI5 初学者教程之二十五 - 使用代理服务器解决 SAP UI5 应用访问远端 OData 服务的跨域问题试读版
- SAP|SAP UI5 初学者教程之二十六 - OData 服务配合 Mock 服务器的使用步骤详解试读版
- 使用SAP|使用SAP WebIDE进行SAP Cloud Platform Business Application开发
- 废材自救记录|虚拟机-无法安装vmware tools的解决方法
- 360|360 将停止 StartCom 数字证书业务;微软的 Visual Studio Tools for AI 现已提供使用
- Flutter应用如何调试--DevTools介绍(下)
- TBtools使用讲演课程-录屏-
- csapp之lab(shell lab)