English | 中文

• 🛠️ NGen 介绍

• 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：https://localhost:4200

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

npm install --legacy-peer-deps --registry=https://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。

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

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

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

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

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

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

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

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

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