关于 mac 使用vscode 开发 SAP Fiori 配置及使用

808 阅读1分钟

在 vscode 中安装和 sap 配置扩展

  1. 安装 vscode, 下载地址:https://code.visualstudio.com/

  2. 安装 node.js, 版本为 10.12+的版本, sap 部分依赖包不支持低版本 node

  3. 在 Visual Studio Code 中安装 sap 扩展(SAP Fiori 工具),转到扩展选项卡(左侧菜单栏第 4 个),并搜索 SAP 提供的“SAP SE”。选择“SAP Fiori tools – Extensions Pack”,扩展包中有 6 个安装包,全部安装

2871635299336_.pic_hd.jpg

在 vscode 中创建 Fiori 项目

  1. 打开 vscode, 按下 F1 键(或者CMD+Shift+P) 打开命令面板, 输入 Application Generator ,并选择它来创建 SAP Fiori App

截屏2021-10-26 下午4.33.20.png

  1. Application Type是根据项目需求选择 SAP elementfree style,

2881635299741_.pic.jpg

  1. 根据当前项目,选择free style, floor plan 选择SAP Fiori Worklist Application, 自己玩的话选择SAPUI5 Application, 然后点击 next

  2. data source选择 odata, odata service URL这里网上提供了一个免费的 url(Northwind 服务):https://services.odata.org/V2/Northwind/Northwind.svc/. 如果在正式开发中则需要在SAPGUI 中寻找拼接

2891635299865_.pic.jpg

以下是正式开发的寻找 odata service url 的流程,不方便截图,按照步骤即可,Windows 的查找方法大同小异

* 打开 SAP GUI,选择项目服务连接,输入账号密码,进入主界面,在命令行工具栏输入`smicm`回车,菜单栏选择转到->服务.看到活动服务列表,按照`协议://主机名:端口号`拼接
* 第二部在命令行中输入`/nscif`,按下执行键,在下面列表中,选择路径`(default_host<不用添加到路径中>)/sap/opu/sap/+服务名称`.
* 所以最后得到的 odata service url 是 `协议://主机名:端口号/sap/opu/sap/+服务名称`

下面是后续的项目配置

2741635237364_.pic_hd.jpg

2751635237536_.pic_hd.jpg

2761635237660_.pic_hd.jpg

2771635238892_.pic_hd.jpg

2781635239037_.pic_hd.jpg