1. 程式人生 > 其它 >開源工具 @sap/ux-ui5-tooling 介紹

開源工具 @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