作為SAP從業(yè)者，我們能夠清楚地感受到這些年SAP技術(shù)進(jìn)化的趨勢(shì)。

SAP前端開發(fā)技術(shù)的進(jìn)化方向，從SAP GUI，到能在瀏覽器里運(yùn)行的ABAP Webdynpro / WebClient UI，再到現(xiàn)在仍然沒有停止進(jìn)化的Fiori UX. 而Fiori也從誕生之初只支持SAP UI5，進(jìn)化到現(xiàn)在能夠同時(shí)支持Angular, React和Vue等多種前端框架。

關(guān)于SAP前端技術(shù)的演進(jìn)，可以參考Jerry這些文章：

• SAP UI和Salesforce UI開發(fā)漫談

• SAP Fiori + Vue = ？

• Fiori Fundamentals和SAP UI5 Web Components

• 用React開發(fā)SAP Fiori應(yīng)用

而SAP后端開發(fā)技術(shù)，自從SAP云平臺(tái)問世以后，SAP開發(fā)人員發(fā)現(xiàn)，自己手頭可選的技術(shù)，除了ABAP以外，一下子增加了很多：比如開源社區(qū)非?；钴S的Java和nodejs，終于也能夠應(yīng)用到SAP后臺(tái)開發(fā)中來了。而SAP云平臺(tái)本身，也從誕生之初純粹由SAP自己架設(shè)數(shù)據(jù)中心的單一云架構(gòu)，演進(jìn)到如今能支持GCP, Azure, AWS和阿里云等作為基礎(chǔ)設(shè)施層的Multiple Clou架構(gòu)。

本文咱們不聊具體的技術(shù)，而是談?wù)勯_發(fā)工具。

Jerry之前的文章?那些年我用過的SAP IDE，介紹過我曾經(jīng)用過的SAP開發(fā)工具。如今，這個(gè)列表里又多了一個(gè)新的成員。

2019年TechEd上，SAP向外界宣布了一款在原有SAP WebIDE基礎(chǔ)上進(jìn)化而成的新一代全棧開發(fā)工具：SAP Business Application Studio.

SAP開發(fā)人員能夠用這個(gè)新工具做什么？

SAP Business Application Studio針對(duì)不同的SAP解決方案提供了良好的支持，能夠進(jìn)行S/4HANA擴(kuò)展開發(fā)，以及基于SAP CAP模型(Cloud Application Programming)的全棧式開發(fā)(技術(shù)棧是Java和nodejs), 以及各種類型的Fiori應(yīng)用開發(fā)。

SAP Business Application Studio同SAP WebIDE有何不同？

SAP官方將Business Application Studio稱之為WebIDE進(jìn)化后的產(chǎn)物，該工具吸取了當(dāng)今業(yè)界領(lǐng)先IDE的設(shè)計(jì)理念，專門為SAP云平臺(tái)上的全棧應(yīng)用開發(fā)進(jìn)行過優(yōu)化；工具提供的強(qiáng)大命令行工具，使得開發(fā)人員不會(huì)被GUI界面所束縛。

最后，Business Application Studio基于Eclipse Theia這款開源的IDE，這使得它從架構(gòu)上來說，可以從容應(yīng)對(duì)任何在云端開發(fā)領(lǐng)域涌現(xiàn)出的新需求。

https://theia-ide.org/

舉個(gè)例子，我們?cè)贐usiness Application Studio(下文簡(jiǎn)稱為BAS)的插件列表里，能看到許多插件，有的是開源社區(qū)貢獻(xiàn)的插件，比如vscode-eslint, 有的則來自SAP自研，比如vscode-mta-tools, 能夠讓開發(fā)人員利用BAS的命令行，無需登錄SAP云平臺(tái)控制臺(tái)，就可進(jìn)行SAP MTA應(yīng)用的開發(fā)和部署。

在使用BAS之前，我們先來了解一個(gè)概念：Dev Space(開發(fā)空間).

一個(gè)開發(fā)空間是一個(gè)預(yù)先配置好的環(huán)境，背后實(shí)際對(duì)應(yīng)了SAP云平臺(tái)上的虛擬機(jī)。創(chuàng)建開發(fā)空間時(shí)，可以選擇不同的類型，每個(gè)類型對(duì)應(yīng)一種特定的開發(fā)場(chǎng)景。

每個(gè)特定類型的開發(fā)空間，都事先激活了完成該類開發(fā)任務(wù)所必須的Studio擴(kuò)展(SAP Predefined Extensions)，在創(chuàng)建開發(fā)空間時(shí)可以看到這些擴(kuò)展列表。

我選擇的是SAP Fiori類型的空間，創(chuàng)建成功后，點(diǎn)擊超鏈接進(jìn)入：

如果是在WebIDE里，開發(fā)界面打開后，我們就可以用Create from Template菜單，通過向?qū)硗瓿蒄iori應(yīng)用的創(chuàng)建。

在BAS里，我們可以換一種方式，通過命令行來創(chuàng)建Fiori應(yīng)用的骨架。

命令行里鍵入yo，啟動(dòng)SAP Fiori Project Generator, 選擇Fiori Project：

接下來是選擇該Fiori應(yīng)用的運(yùn)行環(huán)境，有CloudFoundry和ABAP兩種選擇，我們選擇前者：

然后是一些常規(guī)信息的維護(hù)。

命令行向?qū)?zhí)行完畢后，就生成了Fiori應(yīng)用必須的資源文件。做過nodejs開發(fā)的朋友，會(huì)發(fā)現(xiàn)這個(gè)步驟和用npm init生成manifest.json文件很像。

我們要指定這個(gè)Fiori應(yīng)用應(yīng)該消費(fèi)哪個(gè)OData服務(wù)。

在Studio上方的命令工具欄里，敲consume，選擇Consume SAP Services：

會(huì)顯示很多Destination列表，每個(gè)Destination都是我在CloudFoundry環(huán)境的Connectivity菜單里維護(hù)的，指向某一個(gè)ABAP系統(tǒng)。

我選擇ES5系統(tǒng)里暴露出來的GWSAMPLE_BASIC這個(gè)OData服務(wù)。

改OData同F(xiàn)iori項(xiàng)目綁定之后，收到成功的提示：

后續(xù)的操作，就和我們之前在SAP WebIDE里的開發(fā)沒有太大差別了。

用Layout Editor打開XML視圖，從控件庫里找到List控件，拖拽到視圖區(qū)域上：

點(diǎn)擊List控件Entity Set字段旁的綁定圖標(biāo)，給它綁上一個(gè)OData模型中的Data Collection：

讓這個(gè)List顯示Business Partners數(shù)據(jù)：

同理，把List Item的title字段綁定到BusinessPartnerSet節(jié)點(diǎn)上的CompanyName字段，Description綁定到BusinessPartnerID字段。

這個(gè)Fiori應(yīng)用功能非常簡(jiǎn)單，以列表的形式顯示Business Partners所在的公司名和ID.

點(diǎn)擊Run Configuration, 可以在不部署到SAP云平臺(tái)CloudFoundry環(huán)境的情況下，進(jìn)行本地測(cè)試：

SAP云平臺(tái)上的Fiori應(yīng)用，實(shí)際上是SAP MTA應(yīng)用包含的一個(gè)HTML5 module，該MTA應(yīng)用的mta.yaml里定義了Destination服務(wù)和Authorization & Trust Management服務(wù)的依賴。因此本地運(yùn)行時(shí)，我們也要給該Fiori應(yīng)用提供這兩個(gè)服務(wù)實(shí)例才行。

關(guān)于什么是SAP MTA應(yīng)用，可以參考Jerry之前的文章：SAP云平臺(tái)里的三叉戟應(yīng)用。

到CloudFoundry環(huán)境新建一個(gè)Authorization & Trust Management服務(wù)實(shí)例，取名app_uaa:

回到BAS，選中項(xiàng)目里的uaa本地資源，會(huì)看到右邊有個(gè)小的綠色插頭圖標(biāo)。點(diǎn)擊之后，BAS會(huì)自動(dòng)把剛才創(chuàng)建的app_uaa實(shí)例取出來。選擇后，就可以和項(xiàng)目本地uaa_JerryFioriDemo這個(gè)資源進(jìn)行綁定。

稍后我們將該應(yīng)用正式部署到SAP云平臺(tái)CloudFoundry環(huán)境時(shí)，不需要做這一步，因?yàn)椴渴鸸ぞ邥?huì)解析mta.yaml, 自動(dòng)創(chuàng)建里面定義的依賴服務(wù)實(shí)例。

成功綁定后，在BAS里收到提示：

同時(shí)左邊出現(xiàn)一個(gè)新的綠色插頭圖標(biāo)，代表成功綁定的狀態(tài)。

同理將項(xiàng)目的Destination服務(wù)依賴也綁定到CloudFoundry環(huán)境創(chuàng)建的服務(wù)實(shí)例后，點(diǎn)擊Run Module, 就能看到這個(gè)Fiori應(yīng)用的界面了：

正式部署到CloudFoundry的步驟也很簡(jiǎn)單，執(zhí)行命令行：

mbt build -p=cf

mbt工具會(huì)將該項(xiàng)目打包成.mtar文件：

使用cf deploy命令把這個(gè).mtar文件部署到CloudFoundry去：

從命令行輸出中可以發(fā)現(xiàn)，cf deploy在部署過程中會(huì)自動(dòng)創(chuàng)建mta.yaml里require區(qū)域聲明的服務(wù)實(shí)例。

部署成功后，這些自動(dòng)創(chuàng)建的服務(wù)實(shí)例都能在Service Binding區(qū)域看到：

點(diǎn)擊部署后生成的AppRouter實(shí)例，就能獲得這個(gè)運(yùn)行在CloudFoundry環(huán)境上的Fiori應(yīng)用的訪問鏈接了。

希望本文能夠讓大家對(duì)SAP Business Application Studio的概貌有個(gè)最基本的了解，感謝閱讀。

更多閱讀

• SAP UI和Salesforce UI開發(fā)漫談

• SAP Fiori + Vue = ？

• Fiori Fundamentals和SAP UI5 Web Components

• 用React開發(fā)SAP Fiori應(yīng)用

• 那些年我用過的SAP IDE

• SAP云平臺(tái)里的三叉戟應(yīng)用

• 介紹一個(gè)免費(fèi)的云開發(fā)工具：Cloud Shell

要獲取更多Jerry的原創(chuàng)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的SAP新一代全栈开发工具：SAP Business Application Studio的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。