SAP多云HTML5应用示例教程

multi-cloud-html5-apps-samplesExamples of HTML5 applications for multiple SAP BTP environments. The examples show how you can use standalone application routers or managed application routers to achieve different goals, and they demonstrate the capabilities of the SAP HTML5 Application Repository service for SAP BTP.项目地址:https://gitcode.com/gh_mirrors/mu/multi-cloud-html5-apps-samples

1. 项目的目录结构及介绍

multi-cloud-html5-apps-samples/
├── README.md
├── approuter/
│   ├── package.json
│   ├── xs-app.json
│   └── ...
├── managed-approuter/
│   ├── package.json
│   ├── xs-app.json
│   └── ...
├── html5-apps/
│   ├── app1/
│   │   ├── manifest.json
│   │   ├── index.html
│   │   └── ...
│   ├── app2/
│   │   ├── manifest.json
│   │   ├── index.html
│   │   └── ...
│   └── ...
└── ...

approuter/：包含独立应用路由器的配置和代码。
managed-approuter/：包含托管应用路由器的配置和代码。
html5-apps/：包含多个HTML5应用的示例代码。

2. 项目的启动文件介绍

approuter/

package.json：定义了应用的依赖和启动脚本。

{
  "name": "approuter",
  "version": "1.0.0",
  "scripts": {
    "start": "node node_modules/@sap/approuter/approuter.js"
  },
  "dependencies": {
    "@sap/approuter": "^10.0.0"
  }
}

managed-approuter/

package.json：定义了应用的依赖和启动脚本。

{
  "name": "managed-approuter",
  "version": "1.0.0",
  "scripts": {
    "start": "node node_modules/@sap/approuter/approuter.js"
  },
  "dependencies": {
    "@sap/approuter": "^10.0.0"
  }
}

3. 项目的配置文件介绍

approuter/

xs-app.json：定义了应用路由规则。

{
  "routes": [
    {
      "source": "^/app1/(.*)$",
      "target": "/$1",
      "destination": "app1"
    },
    {
      "source": "^/app2/(.*)$",
      "target": "/$1",
      "destination": "app2"
    }
  ]
}

managed-approuter/

xs-app.json：定义了应用路由规则。

{
  "routes": [
    {
      "source": "^/app1/(.*)$",
      "target": "/$1",
      "destination": "app1"
    },
    {
      "source": "^/app2/(.*)$",
      "target": "/$1",
      "destination": "app2"
    }
  ]
}

html5-apps/

manifest.json：定义了HTML5应用的元数据。

{
  "sap.app": {
    "id": "app1",
    "applicationVersion": {
      "version": "1.0.0"
    }
  }
}

以上是SAP多云HTML5应用示例项目的目录结构、启动文件和配置文件的介绍。希望这份教程能帮助你更好地理解和使用该项目。

标签