SAP最近发布了一个新的SAP云平台门户和HTML5存储库服务，为企业全栈应用程序的开发提供了一套丰富的新功能，具有SAP Fiori在Cloud Foundry上开发SAP云应用程序的经验。

新服务完全集成到多目标应用程序（MTA）中，并提供了多种服务新功能：

集成FLP设计时内容开发和可视化编辑器运行时从HTML5存储库提供高速内容服务新的门户服务为Launchpad和HTML5/Fiori应用程序提供最终用户设置和个性化开发多个HTML5/Fiori应用程序，包括一个MTA内的路由更多

在SAP Web IDE中创建的新MTA项目已经在使用这些新功能。

在本指南中，我们想解释如何更新现有的多目标应用程序（MTA），查淘客，以使用SAP Cloud Platform Cloud Foundry环境中新的HTML5应用程序存储库和门户服务。

我们将使用SAP Web IDE完整堆栈来创建一个新的MTA项目，然后我们将从新项目中获取所需的部分并将它们添加到旧项目中。

创建一个MTA项目并添加一个HTML5模块

2。选择多目标应用，智慧农业物联网系统，点击下一步

3。输入项目名称

4。选择使用HTML5应用程序存储库这是强制性的，因为

SAP Fiori launchpad解决方案在HTML5存储库中存储静态资源。

在SAP Web IDE工作区中创建了一个项目。

右键单击新创建的项目并选择HTML5模块。

选择SAPUI5应用程序并单击

提供模块名称和命名空间，公众号返利，单击Next，然后单击Finish。SAPUI5模块现在添加到您的项目中。

在您的项目中使用HTML5应用程序存储库和FLP服务需要手动更改

因为您现在有一个使用HTML5应用程序存储库的新项目，大数据与应用，您可以将其与现有项目进行比较，以了解差异，并在项目中进行必要的调整。

将新的appRouter和ui\u Deployer模块添加到您的项目

appRouter和ui\u Deployer模块隐藏在项目树中。要使它们可见，请单击工作区上方的眼睛图标。

appRouter模块负责在运行时与应用程序、服务和资源进行交互。

ui\U Deployer模块负责将HTMl5模块内容上载到HTMl5应用程序存储库。

2。将复制的文件夹粘贴到原始项目的根文件夹下。

3。复制ui\u部署器模块，并将其粘贴到您的项目中，方法与复制批准者的方法相同。

4。打开位于原始项目的.che文件夹中的模块文件。

5。添加新添加模块的名称。

在新项目中打开yaml文件，复制deploy\u mode参数并将其添加到mta.yaml公司你原来的项目。

打开mta.yaml公司在新项目中，复制appRouter和ui\u Deployer部分，添加审批者所需的依赖项（UAA、门户服务、后端目的地、HTML5 Repo运行时等）。

HTML5应用程序库由两个服务计划组成，淘客app原生，负责将HTML5应用程序部署到库中的应用程序主机和应用程序运行时，使用HTML5应用程序存储库中的HTML5应用程序。

11。复制resources部分下的app runtime和app host部分，并将其

粘贴到原始应用程序

12的yaml文件中。现在您可以构建应用程序了。从项目的上下文菜单中选择Build

15。部署过程部署app router应用程序。为了启动

你的申请，您应该按照以下格式构造应用程序URL：

https:////索引.html

应用程序路由器URL可以在部署后从控制台复制，也可以从驾驶舱中部署的应用程序复制

应用程序名称为应用程序id在清单.json没有点

16。如果部署失败，去你驾驶舱里的市场，单击

HTML5应用程序存储库服务并验证您是否有2个服务计划

（应用程序运行时和应用程序主机）

如果您没有应用程序主机服务计划，则应要求管理员为您的全局帐户分配一些应用程序主机服务计划配额（MB），并在驾驶舱授权中授权您的子帐户使用部分配额。