SAP UI5 Tools 使用簡介

注销發表於2022-02-20

我們可以使用如下命令列安裝 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的原創文章,盡在:"汪子熙":

相關文章