使用 yo 命令列嚮導建立 SAP UI5 應用

注销發表於2021-05-03

命令列:yo easy-ui5 project, 遇到錯誤訊息:

you don't seem to have a generator with the name "easy-ui5" installed.

先用 npm install generator-easy-ui5 進行安裝:

然後重新執行 yo easy-ui5 project:

Create a new OpenUI5/SAPUI5 project:

在 On which platform would you like to host the application? 裡,選擇 SAP Launchpad service:

建立成功:

成功建立的 SAP UI5 資源:

我們的 SAP UI5 應用資原始檔就在 webapp 資料夾裡:

還有一些額外的資料夾:

  • deployer:
A Cloud Foundry tasks which uploads the static web resources to the HTML5 application repository service during deploy-time.

一個 CloudFoundry 任務,在使用者部署 SAP UI5 時,將靜態的 web resources 上傳到 HTML5 應用倉庫服務去。

You might miss the folders dist and mta_archieves as they will be created later during the build step.

dist 和 mta_archieves 在 build 階段會動態建立。

This project leverages the UI5 tooling framework for development. This tool belt can help you to start a local web server and is extendable so you can integrate mocked destinations and a live-reload feature when files are updated. The great thing is, you don’t have to worry about this for now. The easy-ui5 generator already installed these two tasks for you. Additional UI5 tooling tasks can be found on npm.com.

進入到 tutorial.myUI5App 目錄下,執行指令碼 npm start:

遇到這個 address already in use 的錯誤訊息,通常都是因為本地還有一個執行的 Visual Studio Code 在本地執行 SAP UI5 應用:

最後看到的本地 Fiori Launchpad sandbox:

將 i18n_en.properties 檔案的內容替換成如下字串:

最後執行時的效果:

更多Jerry的原創文章,盡在:"汪子熙":

相關文章