如何以最基本的方式将静态网页部署到 Cloud Foundry

109 阅读2分钟

这篇 SAP Tech Byte 讲述了如何以最基本的方式将静态网页部署到 Cloud Foundry 上,这需要最少的配置。

您可以在 SAP BTP、Cloud Foundry 环境中构建许多复杂的场景和应用程序架构,但实际上,这一切的基础是知道如何使用可用的 buildpack和著名的cf push命令来部署一个基本应用程序。所有类型的应用程序都有构建包(如 Python、Java),但在本例中我们将使用 Staticfile 构建包,因为它对 UI 开发人员和在此领域起步的人员特别有用。

网页

首先,我们要在一个新目录下创建一个index.html文件。这就是我们的静态网页。你也可以引用其他静态资产,如CSS或JavaScript文件,或图片。

<!DOCTYPE html>
<html>
<style>
    body {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
</style>

<body>
    <h2>We did it!</h2>
    <iframe src="https://giphy.com/embed/3oEjHV0z8S7WM4MwnK" width="480" height="240" frameBorder="0"
        class="giphy-embed" allowFullScreen></iframe>
    <p><a href="https://giphy.com/gifs/spongebob-3oEjHV0z8S7WM4MwnK">via GIPHY</a></p>
</body>

</html>

部署配置

接下来,我们需要一个manifest.yaml文件。这是我们的部署描述符,cf推送命令希望能找到它。我们需要非常少的配置来使部署工作顺利进行,但是有很多属性是我们可以配置的。

 1 ---
 2 applications:
 3 - name: my-web-page
 4   buildpack: https://github.com/cloudfoundry/staticfile-buildpack

作为在manifest.yaml 中指定 buildpack 的替代方案,我们还可以在manifest.yaml 旁边创建一个名为Staticfile的新文件。如果该文件存在,部署时将自动使用正确的构建包。您可以使用Staticfile来配置网页的其他属性,如根目录或认证。

部署

接下来,我们可以将我们的应用程序部署到 SAP BTP、Cloud Foundry 环境。首先,我们需要登录到 Cloud Foundry 组织和空间,使用cf login命令(打开一个新的终端会话)。之后,我们可以从我们项目所在的目录中执行cf push命令。我们的简单应用程序的部署应该只需要几秒钟。一旦处理完毕,我们可以在终端输出中看到我们网页的URL。

terminal%20output

deployed%20web%20app

就这样了。我们用最少的配置和努力将一个静态网页部署到 SAP BTP、Cloud Foundry 环境。