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

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第1张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第2张图片

点击Go to Service打开WebIDE:

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第3张图片

打开WebIDE后,新建一个项目,environment选成CloudFoundry:

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第4张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第5张图片

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打开,编辑这个视图:

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第6张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第7张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第8张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第9张图片

选择Run as Web Application:

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第10张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第11张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第12张图片

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

使用SAP Cloud Platform fullstack WebIDE创建SAP UI5应用并部署_第13张图片

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

你可能感兴趣的:(sap,saprfc,cloud,web,webide)