打开 SAP Business Application Studio,File-> New Project from Template,从模板里选择 SAP Fiori Application:
然后在接下来的 Application Type
选择下拉菜单里,选择 SAPUI5 freestyle
:
Data source 即该 SAP UI5 应用的数据源,指向一个 OData 服务。目前我们选择为 None
:
Add deployment configuration
设置为 Yes, 这是部署到 SAP BTP 的基础。
target 选择 CloudFoundry
,Add Application to managed Application router
选择 yes:
Managed Application Router(托管应用程序路由器)确保能够在云环境中访问和运行 HTML5 应用程序,而无需维护自己的运行时基础架构。
托管应用程序路由器是由以下产品提供的 HTML5 应用程序运行时功能:
- SAP Workzone
- SAP Launchpad Service
- SAP Cloud Portal
要使用托管应用程序路由器,您必须订阅其中一项服务。文章后续包含订阅服务的步骤。
上述向导会创建一个默认的工程,其名称为 project1:
打开 workspace,编辑 webapp 文件夹下的 view 文件夹里的 View1.view.xml
:
编辑如下内容:
我们可以本地启动这个 SAP UI5 应用看看效果。
右键单击 webapp
,选择 preview Application
:
然后在 Business Application Studio 的命令栏里选择 Start
即可:
之后会打开一个新的页面:
https://workspaces-ws-pdwk4-a...
看到 Hello World,说明这个 SAP UI5 应用运行成功了。
下一步就是将其部署到 SAP BTP 上。
选中 mta.yaml
文件,右键菜单里选择 Build MTA Project
:
如果构建成功,会自动生成一个 mta_archives
文件夹,里面生成一个 sap-btp-project1_0.0.1.mtar
文件。
选中该 mtar
文件,右键选择 Deploy MTA Archive
:
部署成功之后,我们还不能马上使用这个应用,必须先订阅 Launchpad service 或者 cloud portal.
点击 trial 账号的 HTML5 Application
面板,如果还没有订阅 Launchpad service 或者 cloud portal:
会弹出下列提示,点击 SAP Launchpad
右边的 subscribe
超链接即可:
在 Service marketplace 下面,选择 Launchpad Service
,然后点击 Create
按钮:
创建一个新的实例,Plan
选择为 Standard
:
使用如下命令行,获取部署在 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
文件里找到。
最后得到的 url: