将一个 "Hello World" 网页部署到 Bluemix
 
- UID
- 1066743
|

将一个 "Hello World" 网页部署到 Bluemix
步骤 1. 为您的应用程序创建一个项目您的项目将位于 IBM Bluemix DevOps Services 之上。
- 登录到 。
- 在顶部导航部分,单击 My Projects。
- 单击 CREATE PROJECT。
- 在 "Create a project" 页面上:
- 为您的项目键入一个名称。
- 选择一个源代码控制选项(我喜欢使用一个 Git 存储库)。
- 选中 Make this a Bluemix Project 复选框。
- 单击 CREATE。
步骤 2. 创建一个简单的网页在创建项目之后,是时候进行编码了!在本例中,我们将在一个简单的网页中向世界说 "Hello"。您可以在 Web IDE 中进行编码,完全在您的浏览器中实现编码。
- 在您的项目的概述页面上,单击 EDIT CODE 按钮。Web IDE 将会打开。一些文件(比如 License.txt、project.json 和 README.md)会为您自动创建。
- 在 Web IDE 中,选择 File > New > File。
- 该文件被突出显示,以便您可以为它命名。输入 index.html。
- 在右边的编辑区域,粘贴以下内容:
1
2
3
4
5
| <html>
<body>
Hello, Bluemix World!
</body>
</html>
|
步骤 3. 创建一个清单清单 是一个文件,它将告诉 Bluemix 如何部署应用程序。也可以在 Web IDE 中启动配置向导来部署应用程序,从而不必创建一个清单,但我们将创建一个非常简单的清单,这样就可以使用 Web IDE 或 CF 命令行工具轻松地部署您的应用程序。
- 在 Web IDE 中,选择 File > New > File。
- 该文件将被突出显示,以便您可以为它命名。输入 manifest.yml。
- 在右边的编辑区域,粘贴以下内容:
主机实际上是您的应用程序的 URL。您选择的主机必须在整个 Bluemix 中惟一的,所以,请用一个惟一的字符串替换 SOMETHING-UNIQUE,比如用您的名字的首字母。
清单中的每一行都向 Bluemix 提供了关于如何部署您的应用程序的重要指示。
- Buildpacks 包含针对 Bluemix 的必要框架和/或运行时支持,以便运行您的应用程序。对于此应用程序,我们使用一个托管在 GitHub 上的 。
- 主机实质上是应用程序的 URL。您选择的主机必须在整个 Bluemix 中是惟一的。我们添加了 ${random-word} 关键字, 这样您的部署就不会与关注本教程的其他人的部署发生冲突。您可以将主机定制为您喜欢的主机。
- 内存是指您在 Bluemix 空间中为您的应用程序分配了多少内存。内存不是清单的一个必需部分,但本例中包括内存,这样应用程序就不会消耗分配给您的 Bluemix 空间的大部分内存。
步骤 4. 部署和打开应用程序现在,您已经创建了一个网页和一个清单,已经为部署做好了准备!
- 在 Web IDE 中,单击 Deploy 按钮:
您的应用程序现在已经部署到 Bluemix。这个过程大约需要一分钟才能完成。当您在运行栏中看到一个绿色的点时,就会知道部署已经完成:
 - 在部署了应用程序之后,在 Web IDE 中通过单击 Open the application URL 按钮打开它:
 恭喜您!您的应用程序现在已经可以向 Bluemix 世界发送快乐的问候了。
结束语在本教程中,我们通过以下操作创建了一个简单的 “Hello World” 网页:在 DevOps Services 中创建一个项目,创建 index.html 和 manifest.yml 文件,并将应用程序部署到 Bluemix。要继续开发这个应用程序,您可以更改 index.html 或创建新的网页,然后将它部署到 Bluemix。
深入研究如何使用 DevOps Services 来规划和组织应用程序开发。您还可以通过将 Bluemix 服务添加到您的应用程序来部署动态应用程序。(当您想分析您的同事的电子邮件时, 非常有趣!) |
|
|
|
|
|