使用VS Code编辑器将Fiori应用程序部署到SAP本地系统

在本博客文章中,我们将逐步介绍如何将 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

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

相关推荐
云泽8089 小时前
VSCode入门指南:从认识、安装到语言插件配置全解析
ide·vscode·编辑器
●VON9 小时前
鸿蒙 PC Markdown 编辑器质量流水线:Web 构建、回归与 Release 门禁
前端·华为·编辑器·harmonyos·鸿蒙
acheding9 小时前
File System Access API 实战:让网页真正读写本地文件
前端·javascript·vue.js·编辑器·markdown
acheding9 小时前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
javascript·vue.js·编辑器·markdown
●VON10 小时前
鸿蒙 PC Markdown 编辑器文件系统:Core File Kit 与安全保存
安全·华为·编辑器·harmonyos·鸿蒙
●VON10 小时前
鸿蒙 PC Markdown 编辑器性能工程:中文输入与 10MiB 文档
华为·架构·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器换行兼容:LF、CRLF 与混合换行归一化
华为·架构·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器第二阶段工程复盘:从可用原型到 Alpha 基线
华为·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器查找系统:大小写、整词与循环定位
华为·单元测试·编辑器·harmonyos·鸿蒙
●VON1 天前
鸿蒙 PC Markdown 编辑器错误处理:让失败可恢复而不是只弹提示
华为·架构·编辑器·harmonyos·鸿蒙