如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上

打开 SAP Business Application Studio,File-> New Project from Template,从模板里选择 SAP Fiori Application:

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第1张图片

然后在接下来的 Application Type 选择下拉菜单里,选择 SAPUI5 freestyle

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第2张图片

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第3张图片

Data source 即该 SAP UI5 应用的数据源,指向一个 OData 服务。目前我们选择为 None

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第4张图片

Add deployment configuration 设置为 Yes, 这是部署到 SAP BTP 的基础。

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第5张图片

target 选择 CloudFoundryAdd Application to managed Application router 选择 yes:

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第6张图片

Managed Application Router(托管应用程序路由器)确保能够在云环境中访问和运行 HTML5 应用程序,而无需维护自己的运行时基础架构。

托管应用程序路由器是由以下产品提供的 HTML5 应用程序运行时功能:

  • SAP Workzone
  • SAP Launchpad Service
  • SAP Cloud Portal

要使用托管应用程序路由器,您必须订阅其中一项服务。文章后续包含订阅服务的步骤。

上述向导会创建一个默认的工程,其名称为 project1:

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第7张图片

打开 workspace,编辑 webapp 文件夹下的 view 文件夹里的 View1.view.xml

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第8张图片

编辑如下内容:


    

我们可以本地启动这个 SAP UI5 应用看看效果。
右键单击 webapp,选择 preview Application

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第9张图片

然后在 Business Application Studio 的命令栏里选择 Start 即可:
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第10张图片

之后会打开一个新的页面:

https://workspaces-ws-pdwk4-a...

看到 Hello World,说明这个 SAP UI5 应用运行成功了。

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第11张图片

下一步就是将其部署到 SAP BTP 上。

选中 mta.yaml 文件,右键菜单里选择 Build MTA Project

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第12张图片

如果构建成功,会自动生成一个 mta_archives 文件夹,里面生成一个 sap-btp-project1_0.0.1.mtar 文件。

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第13张图片

选中该 mtar 文件,右键选择 Deploy MTA Archive

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第14张图片

部署成功之后,我们还不能马上使用这个应用,必须先订阅 Launchpad service 或者 cloud portal.

点击 trial 账号的 HTML5 Application 面板,如果还没有订阅 Launchpad service 或者 cloud portal:
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第15张图片

会弹出下列提示,点击 SAP Launchpad 右边的 subscribe 超链接即可:

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第16张图片

在 Service marketplace 下面,选择 Launchpad Service,然后点击 Create 按钮:

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第17张图片

创建一个新的实例,Plan 选择为 Standard

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第18张图片

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第19张图片

使用如下命令行,获取部署在 SAP BTP 上的 SAP UI5 应用的 url:
cf html5-list -di sap-btp-project1-dest-srv -u --runtime launchpad

其中命令行中的 sap-btp-project1-dest-srv,实际上是本 SAP UI5 应用使用到的 destination service instance 的名称,在 mta.yaml 文件里找到。

如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上_第20张图片

最后得到的 url:

https://4f8ae60dtrial.launchp...

你可能感兴趣的:(如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上)