npm run buil构建后页面白屏_基于 SAP Cloud Application Programming Model 快速构建 MTA 工程...-CSDN博客

本文链接：https://blog.csdn.net/weixin_39758229/article/details/111678693

本文介绍了如何使用SAP Cloud Application Programming Model (CAP) 快速构建一个多目标应用程序(MTA)项目，通过CDS简化开发流程，并将应用部署到Fiori Launchpad。文章详细阐述了从创建项目、定义数据模型、发布OData服务、构建UI5应用到配置Fiori Launchpad站点的全过程。

摘要由CSDN通过智能技术生成

01 CAP 和 MTA 是什么？

按照我们以往的经验，如果要在 SAP 云平台上开发业务系统，前端一般使用 SAPUI5；后端则通过Java 实现业务逻辑，例如采用 JPA 构建数据模型，通过 SpringMVC 向前端提供 Restful API 等等。除了前后端的开发工作外，我们还需要处理前后端之间的集成，因此整个开发效率一直不是很高。而 SAP 的 Cloud Application Programming Model (CAP)则能够帮助开发者显著提升工作效率，减少代码的编写工作，转而将更多的精力集中在业务功能的开发与优化上。
CAP 的核心是 CDS 引擎和 CDS 语言。CDS 的语法规范和 JavaScript 十分类似，它可用于开发数据模型、业务逻辑和前端 UI。一个以往需要两三天完成的具备 CRUD 的业务功能，如果利用 CAP 框架，也许两三个小时就能开发完。

从项目结构上看，基于 CAP 构建的项目采用的是 Multi Target Application (MTA) 结构。MTA 是由一系列软件模块组成的独立应用程序。每个模块可以由不同的编程语言开发，也可以使用不同的打包技术，但是它们共享同一个生命周期。开发者可通过 MTA Descriptor (一个 YAML 配置文件) 定义模块之间的关系，然后通过 MTA Build Tool 将它们打包成一个 MTAR 文件，然后部署到 SAP 云平台上。

接下来我们将通过一个简单实例，与您分享如何利用 CAP 创建一个端到端的项目工程，将应用应用程序发布到 Fiori Launchpad 上，并部署到 SAP 云平台。

02 准备工作

构建示例项目只需要一个 SAP 云平台试用帐户以及由平台免费提供的 Web IDE。在实际项目开发时，您可以搭配使用 VS Code 与 SAP Web IDE。本地 IDE 非常有助于检查打包或部署的错误日志。您需要准备的工具包括：

Visual Studio Code
Cloud MTA Build Tool
Node.js / NPM
Git
Maven
Grunt
CF CLI

Web IDE 是 NEO 平台的集成开发环境，而目前在阿里云上的SAP 云平台是 Cloud Foundry平台，所对应的开发环境是 Business Application Studio。
鉴于本文在撰写时，SAP 云平台尚未在阿里云上落地，因此开发者使用的是 Web IDE。由于客户的云平台大多数都为 Cloud Foundry 平台的，因此我们会在今后与您分享有关 Business Application Studio 的使用方法，敬请期待。

0 3 创建SAP 云平台子帐户

在构建应用程序之前，我们首先需要一个用于 Cloud Foundry 环境的 SAP 云平台子帐户。请前往 https://account.hanatrial.ondemand.com 注册试用帐户。Step 1: 在 SCP Cockpit 页面中创建一个子帐户，然后再在子帐户中创建一个新 Space。

Step 2: 跳转至 Entitlement 页面，并添加所需的服务，包括 Application Runtime、HTML5 Applications、 Portal 和 SAP HANA Service。