在本博客文章中,我们将逐步介绍如何将 Fiori 应用程序从 VS Code 部署到 SAP 本地系统。
前提条件:
- Visual Studio Code
- ABAP 服务器
- Fiori 应用程序
- 已安装 Node.js
要在 VS Code 中开发 Fiori 应用程序,请在扩展程序中安装:
SAP Fiori Tools - Extension Pack

要创建新项目,请打开命令面板

并运行 > Fiori open application generator
从模板向导中选择模板。在此示例中,我选择的是自由样式应用。

将数据源设置为 none(此处未使用任何 OData 服务)。

提供视图名称

模块名称即项目名称,请填写所需字段。

项目将被创建

通过右键单击项目并点击
Preview Application
或在
集成终端 中输入命令
npm run start-noflp

输出如下:

然后右键单击项目,点击
Open in Integrated Terminal

输入命令:
npm install -g @sap/generator-fiori

然后输入命令:
npm run deploy-config
并提供以下信息:
Select Target system
:提供要部署到的系统 URL(http://host:port)
Enter client
:输入客户端编号
SAPUI5 ABAP Repository
:提供应用程序名称,部署成功后可在 ABAP 仓库的 SE80 中的 BSP 应用程序中查看该名称
Deployment description:
:输入应用描述
Package:
:提供您在 ABAP 仓库中维护的任意包,否则使用 $TMP
Transport Request:
:在 SE09 中创建传输请求,并在此处提供

配置完所有信息后,输入命令:
npm run deploy
并核对上述填写的信息。

此处可以看到:
Deployment successful.

应用程序已成功部署到 ABAP 仓库,请前往
SE80
并在
BSP Application
中查看您部署的应用程序。
要在 ABAP 系统中运行 BSP 应用程序,请按以下步骤操作:
进入 ABAP 系统,输入事务码
SICF
在服务名称中输入 BSP 名称,然后点击
执行

右键单击下方服务,点击
Test Service

这是已部署应用程序的输出结果。
