使用Visual Studio Code編寫和激活ABAP代碼 (上)

時間 2020-01-08

標籤使用 visual studio code 編寫激活 abap 代碼欄目 Visual Studio 简体版

原文原文鏈接

豬年春節後的第一篇，Jerry祝各位豬年大吉!前端

2019年的六分之一立刻就快過完了，不知道你們在新的一年是否給本身定了新的小目標呢？這裏Jerry先預祝你們到2019年年末的時候，在年初制定的小目標都能實現。git

2018年4月以前，Jerry一半時間爲SAP S4CRM團隊工做，剩下的一半時間爲SAP C4C團隊工做，因此那段時間你們能發現，Jerry公衆號的文章主要是圍繞着這兩個SAP產品來寫的。github

4月以後，Jerry換組，到了新的部門，工做內容也發生了變化，再也不專一於某個特定的SAP產品，而是項目須要我熟悉什麼產品，我就得熟悉什麼產品，因此以後個人公衆號文章，主題也逐漸多種多樣起來。web

言歸正傳，Jerry以前的文章那些年我用過的SAP IDE 曾經介紹過除了SAPGUI以外的其餘ABAP開發工具和ABAP代碼瀏覽工具。數據庫

得益於Netweaver職責清晰的三層架構，提供了ABAP開發環境和運行環境的應用服務器層(下圖中間的Application server layer)做爲ABAP應用的核心, 其上能夠靈活適配不一樣的展示層(Presentation layer), 好比WebIDE， Eclipse，和今天要介紹的Visual Studio Code。編程

上圖中應用服務器層的底層是數據庫服務器層，Netweaver也支持多種主流數據庫提供商的服務。例以下圖是Jerry使用的一個Netweaver系統，支持包括SAP HANA在內的十種數據庫管理系統(DBMS)。json

咱們簡單回顧下以前Jerry介紹過的不一樣的ABAP開發工具。瀏覽器

首先是ABAP Development Tool(簡稱ADT), 對ABAP程序提供增刪查改和激活操做的函數，經過位於路徑sap/bc/下面的SICF服務節點adt暴露給外部消費者。服務器

ABAP Development Tool的Java端實現就是Eclipse的一個擴展，使用JCO(Java Connector)鏈接ABAP後臺的adt服務，實現對ABAP程序的操做。架構

關於ABAP Development Tool的細節，Jerry之前已經作過詳細介紹，這裏再也不贅述，能夠參考我這些文章：

不喜歡SAP GUI？那試試用Eclipse進行ABAP開發吧
Jerry在SAP Community上寫給老外看的文章：https://blogs.sap.com/2014/08...

而在瀏覽器裏編寫ABAP，即一般意義上的ABAP WebIDE，實現方式有兩種。一種是經過傳統的ITS(Internet Trasaction Server)，經過這種方式在瀏覽器裏顯示的ABAP代碼缺少語法高亮：

Jerry寫過的相關博客：

Open your SAP GUI transaction in Fiori launchpad
https://blogs.sap.com/2016/12...
How is old SAP GUI transaction embedded into Fiori launchpad
https://blogs.sap.com/2016/12...

另外一種技術就是S/4HANA某些應用，好比Custom Logic採用的，支持語法高亮。

固然這個語法高亮的支持不是天上掉下來的，詳細實現參考個人博客:

How ABAP syntax highlight is implemented in WebIDE launched via browser

https://blogs.sap.com/2018/03...

再回到今天聊的Visual Studio Code。SAP成都研究院不少前端開發的同事都向我推薦過這個IDE。Jerry試用過以後，印象最深的就是它那超快的啓動速度，一流的擴展性和繁榮的生態圈。其擴展應用的豐富程度不亞於Sublime Text和Eclipse這些老牌開發工具。

和SAP自研的ABAP Development Tool思路同樣，本文介紹的Visual Studio Code擴展應用，ABAP Remote File System，也是經過另外一種編程語言TypeScript去遠程消費ABAP後臺程序的增刪查改服務。

該擴展應用的做者叫Marcello，一位居住在倫敦的程序猿(Jerry想起了西甲皇家馬德里足球隊昔日的隊寵)。

這個Visual Studio Code的擴展是開源的，github倉庫地址:

https://github.com/marcellour...

安裝和配置的步驟在倉庫的readme裏有詳細說明，最簡單的方式就是在Visual Studio Code裏直接用abap做爲關鍵字搜索Market place，而後點Install安裝。

這個擴展的配置文件settings.json的內容能夠參考下圖：

配置完成後，在Visual Studio Code的命令欄裏能看到鏈接ABAP系統的指令和settings.json裏配置的兩條記錄，任選一個後登入系統，顯示該系統下的ABAP程序資源。操做它們的方式和基於Eclipse的ABAP Development Tool大同小異。