使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署

Posted 2021-03-10 JerryWangSAP

登录SAP云平台，在Services面板里找到SAP WebIDE Full-stack服务：

从availability里发现WebIDE full-stack目前只有Neo能用，CloudFoundry暂时不可用：

点击Go to Service打开WebIDE：

打开WebIDE后，新建一个项目，environment选成CloudFoundry：

从模板里创建一个UI5应用，模板选择成SAP UI5 Application：

A new MTA project called mta_FioriDemo containing the FioriDemo html5 module now appears in your SAP Web IDE workspace. When developing apps in the Cloud Foundry environment, you create a Multi-Target Application (MTA) file in SAP Web IDE. Each SAP Fiori app is developed as an SAPUI5 module of the MTA.

选中生成的XML视图，右键菜单，用layout editor打开，编辑这个视图：

从控件库里找到Text控件，将其拖拽到视图区域：

在项目的workspace preferences里，指定该应用部署到的目标CloudFoundry环境明细：

本地测试可以用Run Configuration菜单实现：

选择Run as Web Application：

运行的文件，就选择index.html:

如果要部署到CloudFoundry，先对这个项目进行build，得到.mtar文件：

然后使用右键菜单部署即可。

要获取更多Jerry的原创文章，请关注公众号"汪子熙":