天天看點

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

登入SAP雲平台,在Services面闆裡找到SAP WebIDE Full-stack服務:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

從availability裡發現WebIDE full-stack目前隻有Neo能用,CloudFoundry暫時不可用:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

點選Go to Service打開WebIDE:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

打開WebIDE後,建立一個項目,environment選成CloudFoundry:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

從模闆裡建立一個UI5應用,模闆選擇成SAP UI5 Application:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

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應用并部署

從控件庫裡找到Text控件,将其拖拽到視圖區域:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

在項目的workspace preferences裡,指定該應用部署到的目标CloudFoundry環境明細:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

本地測試可以用Run Configuration菜單實作:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

選擇Run as Web Application:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

運作的檔案,就選擇index.html:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

如果要部署到CloudFoundry,先對這個項目進行build,得到.mtar檔案:

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

然後使用右鍵菜單部署即可。

使用SAP Cloud Platform fullstack WebIDE建立SAP UI5應用并部署

繼續閱讀