我們可以使用如下命令列安裝 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,
operable program or batch file.
需要在 npm 這個 wrapper 裡執行:
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
:
更多Jerry的原創文章,盡在:"汪子熙":