使用vs code 創建fiori程序，並deploy到ABAP Server

使用vs code 創建fiori程序，並deploy到ABAP Server

事前准備

安裝SAP fiori tools插件，在插件搜索框內輸入fiori，安裝所有以SAP fiori tools開頭的插件

創建fiori程序

1，ctrl+shift+p ，輸入Fiori,然后在列表里選擇Open Application Generator
2，選擇SAPUI5 freestyle，再選擇SAPUI5 Application，點擊Next
3，datasource選擇Connect to an OData Service，然后輸入：https://services.odata.org/V2/Northwind/Northwind.svc/
如果有自己創建好的，輸入自己的，這個是SAP官方為了練習使用的datasource
然后點Finish，會自動創建項目，並下載相應的依賴包。
注意：有的時候，依賴包沒有被自動下載安裝，這時就需要在終端輸入npm install

deploy到ABAP server

0，先build，執行npm build，會在根目錄生產dist目錄。
1，安裝nwabap-ui5uploader，安裝方法：npm install nwabap-ui5uploader
2，在根目錄創建.nwabaprc文件

{
    "base": "./dist",
    "conn_usestrictssl" : false,
    "conn_server": "https://ip地址或者網址:端口號/",
    "conn_client" : "自己的client",
    "conn_user": "自己的用戶名",
    "conn_password": "密碼",
    "abap_package": "包的名字",
    "abap_bsp": "隨便起個z開頭的名字",
    "abap_bsp_text": "任意寫"
}

例子：

{
    "base": "./dist",
    "conn_usestrictssl" : false,
    "conn_server": "https://125.39.49.144:44300/",
    "conn_client" : "400",
    "conn_user": "sap01",
    "conn_password": "pw001",
    "abap_package": "$TMP",
    "abap_bsp": "ZVSCODE_APP001",
    "abap_bsp_text": "UI5 upload through VSCode App"
}

注意：自己的server如果使用的是https，則必須輸入https，輸入http是執行失敗的。
3，執行npx nwabap upload
4，確認是否成功，在SAP gui里輸入SE80，選擇BSP Application，輸入ZVSCODE_APP001，就能看到自己上傳的工程。

運行的方法：在終端輸入npm run start

會自動啟動瀏覽器

脫離vscode，直接在SAP gui里啟動Fiori程序

1，輸入Trcd：SICF，在サービス名處輸入abap_bsp的名字，也就se80里BSP application的名字，點執行
2，選擇圖上的節點，點右鍵，選擇測試執行，就能自動打開瀏覽器，執行了。
3，注意:自動打開瀏覽器的URL里端口部分可能需要修改，如果是自己的server用的是https，則需要把URL里的http換成https
例子URL：https://sample.net:44300/sap/bc/ui5_ui5/sap/zvscode_app2/index.html?sap-client=40
sap/bc/ui5_ui5/sap/的含義：就是樹狀結構，sap是根，下面是bc節點，bc下面是ui5_ui5。也就是通過目錄層級找到自己的BSP application。

vx：xiaoshitou5854