在本文中，我将简要说明如何将HTML5应用程序部署到

SAP云平台内的Cloud Foundry环境

课程参考：openSAP课程–SAP云平台基础知识（2017年第3季度）。

（在本课程中，您可能会看到视频教程，告诉您如何使用CLI等构建应用程序。但本博客将不包括视频教程中遵循的步骤。在这里，云服务器推荐，我将告诉您如何从SAP Full Stack Web IDE部署它。）

步骤：

1。在SAP Web IDE多云版本

2中创建一个简单的前端Hello World MTA项目。用SAP全栈Web IDE

3构建并打包项目。将具有SAP Web IDE全栈版本的项目部署到SAP云平台内的Cloud Foundry环境

前提条件：

1。SAP云平台试用账号

2。openSAP课程–SAP云平台基础2017年第3季度–课程参考

3。云铸造知识

第一步：

打开你的trail账户驾驶舱

2。转到"服务"并搜索完整堆栈Web IDE"启用它"（如果已启用）。打开）

3。请从模板中选择项目，企业管理软件下载，从瓷砖中选择多目标应用程序。

4。给出项目名称下一步给出申请id和说明并完成流程。

现在在工作空间你可以看到申请名称和说明文件名.yaml.

这是您的申请，不是模块。如果打开yaml扩展名文件，可以看到yaml文件结构中的可用模块。（目前为空）

右键点击项目->新建->HTML5模块。

从互动程序中选择SAPUI5应用程序。

给出模块名称和命名空间并完成它。

现在项目结构如下所示。

因此此前端模块与SAPUI5应用程序文件结构相同。默认打印

标题页。如果需要，可以在视图文件中进行自定义。在这个博客里我不会对视图文件做任何

修改。最后，它将打印标题在顶部的空白页。

第二步：

现在可以看到我们需要如何在我们的Web IDE中安装构建器来构建应用程序。

在openSAP课程中，有哪些云服务器，使用CLI（命令行界面）在SAP Cloud Foundry中构建项目。

但是现在我们有了最新的Web IDE，所以我们可以按照下面的步骤来做步骤

如果您对isng CLI感兴趣，请参考课程资料

在此之前，您应该了解如何使用SAP云平台和Sapce、组织等的基础知识

右键单击项目，进入"项目设置"并选择"空间"。

您需要选择CF API端点、组织和空间。

了解您的CF APIAPI端点转到您的驾驶舱-->主页。

选择您的Cloud Foundry试用版并选择您的域

您还可以添加组织和空间。有关详细信息，请参阅openSAP课程。

选择CF API端点、组织和空间后，单击"安装生成器"按钮。

安装需要一些时间，您可以在底部看到日志。

安装成功后，您可以看到在您的工作空间中创建的另一个名为mta\ U archives的文件夹。

在该文件夹中，您可以看到MultiTargetApplication\ U 0.0.1.mtar。（扩展名为matr的文件名）。

MTAR=多目标应用程序存档。就像（罐子，数据分析怎么做，war文件）。

然后右键单击MultiTargetApplication_0.0.1.mtar文件，网站自助建站系统，选择deploy and deploy to Cloud Foundry。

在CF上部署它需要一些时间。您可以看到日志。

第三步：

转到您的Cloud Foundry环境，转到您的子域并选择space。

现在默认情况下以dev的名称创建空间。您可以看到可用空间等。您也可以添加新空间。

单击空间，您将看到特定空间上部署的应用程序。