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`.

```yaml
server:
  customMiddleware:
  - name: fiori-tools-appreload
    afterMiddleware: compression
```

下列配置啟用後，中介軟體會將包含了 path parameter 的請求，轉發到 `back-end` url 指定的後臺伺服器去。

```yaml
- 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 資訊：

```yaml
- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /sap
      url: https://my.backend.com:1234
      destination: my_backend
```

支援同時連線到多個後臺系統：

```yaml
- 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 例項：

```yaml
- name: fiori-tools-proxy
  afterMiddleware: compression
  configuration:
    backend:
    - path: /sap
      url: https://my.steampunk.com:1234
      scp: true
```

開源工具 @sap/ux-ui5-tooling 介紹

相關文章