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


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


使用SAP Cloud Platform fullstack WebIDE創建SAP UI5應用並部署


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

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

使用SAP Cloud Platform fullstack WebIDE創建SAP UI5應用並部署


使用SAP Cloud Platform fullstack WebIDE創建SAP UI5應用並部署


分享到:


相關文章: