使用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"
}

3,执行npx nwabap upload
4,确认是否成功,在SAP gui里输入SE80,选择BSP Application,输入ZVSCODE_APP001,就能看到自己上传的工程。

vx:xiaoshitou5854

上一篇:FastAPI(六十六)实战开发《在线课程学习系统》接口开发--用户注册接口开发


下一篇:MySQL和MariaDB单实例压测对比