@[TOC](文章目錄)
# 相關閱讀

- [SAP BTP 平臺 CloudFoundry 環境下程式設計概述](https://blog.csdn.net/i042416/article/details/123602682)

- [如何在 SAP Business Application Studio 裡建立 SAP UI5 應用並部署到 BTP 平臺上](https://blog.csdn.net/i042416/article/details/123330598)

- [SAP 雲平臺多目標應用 Multi-Target Application 的開發技術介紹](https://blog.csdn.net/i042416/article/details/125123692)

- [SAP UI5 應用在 Business Application Studio 裡的構建單步分析](https://blog.csdn.net/i042416/article/details/123668267)

- [SAP BTP MTA 應用解決的架構痛點](https://blog.csdn.net/i042416/article/details/123674424)

- [SAP BTP MTA 應用的應用場景](https://blog.csdn.net/i042416/article/details/123671921)

# 寫作背景

本人的[知識星球](https://t.zsxq.com/07RJRBlnM)有個朋友提問：

> 我的 sapui5 專案是一個 MTA 工程，MTA 工程中包含了一個前端的 sap ui5 的 freestyle 工程和一個後端的Spring Java工程。畫面輸入的資料，首先傳遞給後端的SpringJava工程，然後經由SpringJava工程再傳遞給S/4Hana的odata。請問我該怎麼建立這個工程，和做哪些配置能實現這樣的資料傳遞。

# 實現思路

(1) 透過 Java Spring 實現一個 Restful API
(2) SAP UI5 Module 透過 AJAX 呼叫 Restful API，將介面上維護的資料傳遞給 Java 層
(3) Java 層再呼叫 S/4HANA 的 OData API，將資料寫到 S/4HANA 系統中

關於步驟 (3)，筆者很多文章都做過介紹，這些文章羅列在本文尾部。本文餘下部分重點講解 (1) 和 (2).

當在 MTA 中組合 Java 和 SAP UI5 時，您需要確保 Java RESTful API 與 SAP UI5 之間的通訊是可行的。下面是一些步驟來實現 Java RESTful API 和 SAP UI5 之間的通訊：

## 步驟1：編寫 Java RESTful API

在 Java 模組中，可以使用 Spring 框架編寫 RESTful API。可以使用 Spring Boot 來快速建立 RESTful API。在 Java 模組中，需要編寫程式碼來響應 HTTP 請求，並返回 JSON 資料。

例如，以下是一個簡單的示例程式碼，可以在 Spring Boot 中建立 RESTful API：

```java
@RestController
public class MyRestController {
 
    @RequestMapping("/api/data")
    public String getData() {
        return "{\"data\":\"Hello World!\"}";
    }
}
```

## 步驟2：在 SAP UI5 中消費 Java RESTful API

在 SAP UI5 模組中，可以使用 AJAX 技術從 Java RESTful API 中獲取資料。可以使用 jQuery AJAX 或 SAP UI5 自己的 AJAX 庫。

例如，以下是一個使用 jQuery AJAX 從 Java RESTful API 中獲取資料的示例程式碼：

```javascript
$.ajax({
    url: "/api/data",
    type: "GET",
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});
```

在上面的程式碼中，我們使用 jQuery 的 $.ajax() 方法從 "/api/data" URL 中獲取資料，並在成功時將資料列印到控制檯上。

詳細步驟可以參考筆者這篇教程：

* [SAP UI5 應用開發教程之四十五 - 如何在 SAP UI5 應用裡使用 jQuery 和原生的 DOM API](https://jerry.blog.csdn.net/article/details/123136635)

## 步驟3：執行 MTA 應用程式

在 MTA.yaml 檔案中，需要定義應用程式的拓撲結構和每個模組的屬性和依賴關係。例如：

```yaml
ID: my-mta
_schema-version: '3.1'
version: 1.0.0
modules:
  - name: my-java-module
    type: java
    path: java-module
    requires:
      - name: my-db-module
  - name: my-ui5-module
    type: html5
    path: ui5-module
    parameters:
      disk-quota: 256M
      memory: 512M
    requires:
      - name: my-java-module
resources:
  - name: my-db-module
    type: hdb
    path: db-module
```

在上面的 MTA.yaml 檔案中，我們定義了兩個模組，一個是名為 `my-java-module` 的 Java 模組，另一個是名為 `my-ui5-module` 的 SAP UI5 模組。SAP UI5 模組需要 `my-java-module` 作為依賴項，這樣執行時 SAP UI5 模組就能消費同一個 MTA 應用裡 Java module 的服務了。

## 步驟4：部署和執行 MTA 應用程式

在 SAP BTP 上，可以使用 Cloud Foundry CLI 來部署和執行 MTA 應用程式。例如，以下命令可以用於部署 MTA 應用程式：

```sql
cf deploy mta_archive_file -f mta_development.yaml
```
其中，"mta_archive_file" 是 MTA 應用程式的歸檔。

如何在 SAP BTP 上建立 Module 之間具有依賴關係的 SAP MTA 應用

相關文章