使用 express 托管 UI5 webapp

Question

有一个 UI5 示例应用程序：

https://github.com/SAP/openui5-sample-app 它可以很容易地托管在：

UI5 serve -o index.html 或者在构建

之后使用 npm run serve-dist

但是，我如何使用 express 托管它？

Answer 1

严格来说，您使用的是 Express 应用程序，当使用 UI5 server via the command UI5 serve -o index.html. This code 初始化 Express 应用程序时。

如果你想自己做，你可以在app.js文件中使用下面的代码，然后通过node app.js启动它：

'use strict';

const express = require('express');
const app = express();

app.use(express.static('webapp'));

app.listen(8080, () => {*
    console.log(`App listening at http://localhost:8080`)
})

这个应用程序除了从 webapp 文件夹提供文件外，基本上什么都不做。使用 UI5 服务器的一个缺点是您需要以某种方式提供资源。 You can reference the ui5 resources from a Content Delivery Network 如果您更改 index.html 文件中的 bootstrap 脚本，如下所示：

<script id="sap-ui-bootstrap"
    src="https://openui5.hana.ondemand.com/1.84.0/resources/sap-ui-core.js"
    data-sap-ui-libs="sap.m"
    ...

这将从您自行编码的 UI5 应用程序提供示例应用程序。

使用 express 托管 UI5 webapp

Hosting a UI5 webapp with express

express

sapui5

ui5-tooling