zh.S4H.GettingStarted - meta-d/sap-fiori-templates GitHub Wiki

English | 中文

🚀 快速开始

📋 先决条件

  • Node.js（版本需为 18 或更高）
  • Yarn（可选）

📦 安装

  1. 下载项目源代码：git clone https://github.com/meta-d/sap-fiori-templates.git
  2. 进入项目目录：cd sap-fiori-templates/btp-cap-monorepo
  3. 安装依赖项：npm install --legacy-peer-deps 或 yarn install
  4. 在 apps/launchpad/src/environments/environment.development.ts（以及 apps/launchpad/src/environments/environment.ts）文件中修改属性 platform 的值为 S4H，以匹配您的环境。
  5. 启动 webapp：npm run start:mock 或 yarn start:mock
  6. 在浏览器中打开 webapp：http://localhost:4200

Tip 网络错误 如果在安装过程中遇到网络错误，您可以使用不同的 npm 注册表来安装依赖项。例如，

npm install --legacy-peer-deps --registry=http://registry.npmmirror.com

📡 实时服务器

如果您想连接到 S4H 实时服务器，您需要配置代理以将请求转发到 ABAP 服务器。

代理文件 apps/launchpad/proxy.conf.json：

{
  ...,
  "/sap/": {
    "target": "<your sap abap server url>",
    "secure": false,
    "changeOrigin": true,
    "auth": "<SAP Username>:<SAP Password>"
  }
}

然后运行 npm run start:s4h:live 或 yarn start:s4h:live 来启动本地开发应用程序，它将调用实时 OData 服务，所有以 /sap/ 开头的请求都将被转发到 target 服务器，auth 中的帐户信息用于授权。

🌱 环境

有各种环境变量可以设置以控制应用程序的行为。请参阅 Environments。

🔒 授权

菜单授权指根据用户在系统中的权限登录后显示不同菜单应用项目。有关更多详细信息，请参阅 🔒 授权。

🏚️ Fiori 传统应用

如果将 NGen 平台部署在 S4H 系统上，并且在 S4H 系统中已有传统 Fiori 应用程序，您可以了解如何在 NGen 中自动集成传统 Fiori 应用程序以及 NGen 平台中自定义 Fiori 应用程序路由的配置。

有关更多详细信息，请参阅 集成 Fiori 遗留应用。

🔌 调用 OData 服务

在 NGen 中我们提供了一套完整的 OData 服务调用方案，您可以了解如何在项目中调用 OData 服务。

有关更多详细信息，请参阅 如何调用 OData 服务。

🔖 页面组件

实际项目中主要工作是为每个需求开发页面应用，如何在项目中快速创建页面组件，有关更多详细信息，请参阅 创建页面组件。

🚀 部署

程序一切就绪后，接下来如何将项目部署到 SAP S4H 平台。有关更多详细信息，请参阅 Deploy。

📁 Git 推送

项目开发完成后，团队需要对项目源代码进行有效管理。接下来如何使用 Git 仓库对项目进行版本控制，有关更多详细信息，请参阅 Git 仓库。

📨 通知

NGen 平台支持 SAP S4H 系统中的消息通知机制，S4H 系统开启消息通知服务后 NGen 平台会自动获取服务器消息通知。 如何在 NGen 中配置 Fiori 通知，有关更多详细信息，请参阅 通知。