開源工具 @sap/ux-ui5-tooling 介紹
SAP Fiori Tools - UI5 Tooling 包含一系列可與命令 ui5 serve 一起使用的自定義中介軟體,以及可與命令 ui5 build 一起使用的自定義任務。 此外,該模組公開了 cli fiori 產品,例如 fiori run 命令是 ui5 serve 命令的包裝器,並提供了一些附加引數以及 fiori add deploy-config 和 fiori add flp-config 以擴充套件現有專案。
SAP Fiori 工具使用自定義中介軟體的功能來啟動和預覽 SAP Fiori 元素或 SAPUI5 自由式應用程式,例如 啟用自動重新整理、切換 SAPUI5 源的版本或提供靜態資源。 從版本 1.3.0 開始,SAP Fiori 應用程式的預覽行為發生了變化。 現在忽略持久 iAppState,以便在重新整理應用程式時始終應用原始碼更改。
如果仍想啟用 iAppState
,需要新增 URL 引數 fiori-tools-iapp-state=true
到瀏覽器 url 裡,例如:
http://localhost:8080/test/flpSandbox.html?fiori-tools-iapp-state=true#masterDetail-display.
Application Reload
應用程式過載中介軟體允許開發人員在開發/配置 SAP Fiori 應用程式時預覽它們。 每當與 SAP Fiori 應用程式相關的檔案發生更改時,重新載入中介軟體都會重新整理應用程式預覽。
在 SAP UI5 專案中進行如下的 ui5.yaml
npx fiori run
, 將使用預設設定啟動 application reload middleware
.
server:
customMiddleware:
- name: fiori-tools-appreload
afterMiddleware: compression
下列配置啟用後,中介軟體會將包含了 path parameter 的請求,轉發到 back-end
url 指定的後臺伺服器去。
- name: fiori-tools-proxy afterMiddleware: compression configuration: backend: - path: /sap url: https://my.backend.com:1234
Connecting to a back-end system with destination
如果後臺系統被一個 Destination 隱藏了起來,可以在 ui5.yaml
裡指定 Destination 資訊:
- name: fiori-tools-proxy
afterMiddleware: compression
configuration:
backend:
- path: /sap
url: https://my.backend.com:1234
destination: my_backend
支援同時連線到多個後臺系統:
- name: fiori-tools-proxy
afterMiddleware: compression
configuration:
backend:
- path: /northwind
url: https://my.backend_2.com:1234
- path: /sap
url: https://my.backend.com:1234
使用 scp
= true 表明連線的是一個 SAP Business Technology Platform 例項:
- name: fiori-tools-proxy
afterMiddleware: compression
configuration:
backend:
- path: /sap
url: https://my.steampunk.com:1234
scp: true