你好！

云铸造真的很酷！我们中的许多人都在不断地探索它，并在那里推动我们的新项目。

然而，我相信你们中的许多人在创建应用程序并将其部署到Cloud Foundry上时都有些困难。文档是分散的，并且是典型的配置(节点.js后端应用程序+HANA+角度/反应/虚拟用户.js/UI5/或任何HTML5应用程序……）有很多东西需要连接和协调

别担心，云服务器和普通服务器，我们是来帮助的……

几周前我发表了一篇关于我的同事Alberto Delgado的文章，塞尔吉奥德尔加多和我自己已经建立了创建和部署端到端的应用程序到云铸造只需一个命令。如果您想使用它并使其在几分钟内工作，请跳转到以下链接：https://blogs.sap.com/2020/07/29/cf-create-app-create-end-to-end-apps-and-deploy-to-cloud-foundry-in-minutes/

今天我将一步一步地解释如何配置所有这些，遵循有意义的顺序，描述需要考虑的重要细节，尽可能的指向文档。

让我们开始…

索引

我们在建什么？

A节点.js后端应用程序和HANA数据库实例，通过OData公开您的服务。为此，我们将使用云应用程序编程模型（CAP）。一个HTML5应用程序在你的前端。不管是用React，Angular，虚拟用户.js，UI5或其他任何你喜欢的HTML5技术。应用程序路由器将您的请求发送到正确的位置。配置您的mta.yaml公司文件以MTA应用程序的形式部署所有内容。

要求

在您的计算机中：

在您的SCP Cloud Foundry帐户中，您需要访问以下服务：

推荐

分步配置

导航到您的工作区并创建新的CAP项目运行：

创建架构.cds在db/文件夹中归档并定义实体。

创建一个yourServiceName-服务.cds在srv/文件夹中归档并声明您的服务。

以保留您的服务云中的数据您可能希望使用HANA数据库。要将HANA DB添加到项目中，您必须首先登录到您的CF帐户：

按照命令提示输入您的凭据，淘客小程序，并选择您要访问HANA实例的空间。

然后向项目中添加HANA DB：

要将应用程序部署到我们的Cloud Foundry环境，我们将使用MTA概念。

添加MTA描述符文件

创建您的构建存档并部署

部署完成后，控制台按如下方式记录应用程序终结点：

应用程序"my srv"已启动并可在"csi-development-team-factory-cfaccount-sandbox-cap-boil36d2a520"上使用。cfapps.eu10软件.hana.ondemand.com"

这是您的API端点。

此时，您可能希望向应用程序添加一个UI根据您的需要，这可能是一个相当大的主题。

这方面没有技术限制，因此您可以使用任何基于HTML5和JavaScript的技术，例如SAP UI5、ReactJS、Angular、VueJS或纯HTML5和vanilla JavaScript。

正如您所想象的，为市场上所有的选项制作教程是不可行的。下面几行详细介绍了最常用选项的过程，大数据和小数据，因此，它可以引导您遵循您可能选择的任何其他技术的等效路径。

在/app文件夹中创建React应用程序：

使用angular CLI在/app文件夹中创建应用程序：

使用Vue CLI在/app文件夹中创建应用程序：

要托管我们的HTML5应用程序，我们使用HTML5应用程序存储库服务。

要在HTML5应用程序库中识别我们的应用程序，我们必须在清单.json文件

如果这个文件还不存在，创建它并确保它包含在应用程序构建中。

在清单.json文件添加以下行：

HTML5应用程序部署器处理HTML5应用程序内容上传到HTML5应用程序存储库。

编辑mta.yaml公司用你最喜欢的文本编辑器归档。

应用程序路由器是唯一的在SAP云平台上的Cloud Foundry环境中运行的应用程序的入口点。应用程序路由器用于服务静态内容、验证用户、重写URL，服务器云，并在传播用户信息的同时将请求转发或代理给其他微服务。

下图说明了应用程序路由器在典型的Cloud Foundry架构中的位置：

编辑mta.yaml公司使用您喜爱的文本编辑器进行文件编辑。

编辑mta.yaml公司用你最喜欢的文本编辑器归档。

6。从HTML5应用程序访问数据

以使用步骤1中用CAP定义的服务（因此，HANA DB中的数据）我们必须设置一个指向后端服务（CAP应用程序）的目标，并配置应用程序路由器以相应地管理路由。

修改应用程序路由器模块定义如下：

以下配置将应用程序路由器设置为将所有：/api请求重定向到后端通过名为srv binding的目的地提供服务。任何其他请求将被重定向到HTML5应用程序

7。使用新组件重新部署应用程序

运行：

运行命令：

下一步是什么？

酷！现在你知道如何构建应用程序并将其部署到CloudFoundry。你现在有很多的可能性可以探索，我相信在提供的文档中挖掘一点来增强你的应用并不困难。