express - 使用 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 服务器时UI5 serve -o index.html. 此代码初始化 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 Server 的一个缺点是您需要以某种方式提供资源。如果您更改 index.html 文件中的引导脚本，则可以从 Content Delivery Network 引用 ui5 资源，如下所示：

<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 应用程序中提供示例应用程序。