封面圖片來自Google搜尋，關鍵字: Fiori Deployment

方式1 On premise環境下以BSP應用作為Fiori應用部署和執行的載體

在SAP成都labs我曾經擔任過CRM這幾個Fiori應用的開發和維護工作:

在Google上搜尋關鍵字Fiori Architecture, 能找到這樣一張圖片，其中CRM和S/4 HANA的Fiori應用都以BSP應用的方式執行在下圖我標註了紅色方框的ABAP前臺伺服器上。

以CRM的My lead應用為例，在Chrome的development tool裡能找到其對應的BSP應用名稱為crm_leads,

用SAPGUI登入這臺前臺伺服器，使用事務碼SE80即可開啟該BSP應用，裡面的層級結構和Chrome的development tool裡觀察到的一致(前提是您使用ctrl+alt+shift+p載入了除錯版本的應用原始碼)

我們可以用各種IDE(比如Eclipse, Sublime, Atom, Webstorm)等進行Fiori應用開發，然後使用report /UI5/UI5_REPOSITORY_LOAD將本地工程上傳到前臺伺服器，具體步驟參考這篇部落格Deploy a Fiori app in SAP Fiori

另外，Eclipse有個SAP開發的外掛叫做ABAP Repository Team Provider，使用它可以實現UI5應用的一鍵部署，具體步驟請參考部落格: How to Deploy and Run SAPUI5 application on ABAP Server

您也可以嘗試使用WebIDE做開發，然後透過WebIDE將應用部署到ABAP前臺伺服器。
細節請參考博文：How to deploy the Web IDE UI5 application to ABAP repository

這篇博文來自我的同事，SAP成都C4C開發團隊的Wu David，高大帥氣的程式猿，而且有一手精湛的廚藝。

方式2 部署並執行在On Cloud環境下

如果說前一種方式成功地使得SAP傳統的執行在Netweaver平臺的BSP技術繼續發光發熱，那麼這第二種方式則體現了SAP擁抱雲，擁抱變化的決心。這種方式部署的Fiori已經和Netweaver與ABAP平臺再無任何關聯。目前SAP成都所有基於雲的產品開發團隊無一例外地採用了這種方式。

SCP(SAP Cloud Platform)是SAP傾力打造的雲平臺，假設您已經開發好了一個Fiori應用，想將其部署並且執行在SCP上，您可以參考來自SAP成都雲開發團隊的Chen Vicky, 一位年輕漂亮的程式媛的博文：How to deploy UI5 application on SCP

(Vicky雖然2016年7月畢業才加入SAP成都, 在學校期間只有幾個月的ABAP實習的專案經歷，但是透過她的努力以及組內其他老同事的幫助，她現在已經成為了一名合格的Java和JavaScript開發人員)

在此基礎上，我也做過一些簡單的練習，比如開發一個Fiori應用，將其部署在SCP上，並且能夠訪問另一臺On premise伺服器上的資料: Deploy your web application to SAP Cloud Platform which can access resource from On-Premise ABAP system

當然您也可以選擇其他的雲平臺執行您的Fiori應用，如百度雲，阿里雲，以及國外的雲平臺例如Heroku上: Step by step to host your UI5 application in Heroku

您甚至可以將您的Fiori應用部署並執行在github上, 雖然github的本來用途並不是這個 :)
Use GitHub Pages to host your OpenUI5 app

順便說一句，不知道大家讀過阮一峰的這篇文章沒： 搭建一個免費的，無限流量的Blog----github Pages和Jekyll入門

在文末的評論區，國內的網友對應不應該用github拿來做儲存程式碼以外的事情，引發了激烈的討論。

就我的觀察而言，很多國內前端大牛都選擇了把自己的部落格部署在了github上。

值得一提的是SAP Hybris Cloud for Customer, 雖然其後臺仍然基於Netweaver ABAP, 但是C4C的UI應用的部署方式沒有采用本文介紹的方式一，而是本章節正在介紹的方式二。

方式3 打包成平臺原生應用安裝在移動裝置上

還是以SAP Hybris Cloud for Customer為例，我們使用Cordova這個開源框架，將開發人員用JavaScript+HTML開發好的Fiori應用打包生成iOS, Android和Windows Phone對應的安裝包然後安裝到移動裝置上。
這就意味著，SAP成都C4C開發團隊的開發團隊，在本地IDE寫完程式碼之後，付出了大量的努力來確保我們開發好的功能不僅在PC端各種支援的瀏覽器下能夠正常工作，同時在C4C支援的iOS, Android和Windows phone裝置上依然能夠正常工作。
儘管我們設計了非常完備的單元測試來覆蓋我們開發的功能，為了嚴格確保我們釋出的產品質量，在移動裝置上我們也有大量的人工測試。
因此，萬一您在使用C4C的時候遇到一些這樣那樣的問題，麻煩您給C4C對應模組報incident, 但是不要因此懷疑我們為了確保產品質量而付出的這些心血。

如果您已經開發好了Fiori應用，想裝到您的手機上玩一玩，可以參考我的部落格:
Step by step to package a Fiori application into your Android device using Cordova

如果您的Fiori應用想訪問手機裝置上的一些只有手機原生作業系統才能提供的功能，那麼您可以參考我的部落格Step by step to create a custom Cordova plugin for Android and consume it in your UI5 application

上面這篇部落格以Android平臺開發為例做了Cordova自定義外掛的開發介紹：我在Android平臺用Java實現了一個自定義的Cordova外掛，然後在Fiori應用裡消費這個自定義外掛。

既然涉及到外掛的開發，不可避免地就會遇到除錯問題。我的這篇部落格以Android studio為例描述了基於Java的自定義外掛的除錯步驟。

How to debug UI5 application packaged into a mobile device via Cordova with a custom plugin

要獲取更多Jerry的原創技術文章，請關注公眾號"汪子熙"或者掃描下面二維碼: