步骤 3. 使用 D3.js 创建 HTML5 越陈越香- 将 HTML5 代码导出到本地 PC:
- 浏览到 DevOps Services 存储库。
- 单击 EDIT CODE。(如果有必要的话,则需要进行登录。)
- 浏览到 Tutorial3/node-app/public,右键单击项目树中的公共文件夹,并选择 Export > Zip。
- 将代码导入正在运行的 Bluemix 环境:
- 浏览到正在运行的 Bluemix 实例的 DevOps Services 存储库。如果忘记了名称,请转到 Bluemix 仪表板并单击 EDIT CODE:

- 浏览到 //public。右键单击 public 并选择 Import File or Zip archive。(默认情况下,该导入操作并不会覆盖文件,因此您会收到一条错误消息。因为您只想添加一个文件,所以可以忽略该消息。)
- 将文件提交到 Git,以便触发自动部署流程:
- 在适用于 DevOps Services 项目的代码编辑器中,单击 Git 图标( 左上角的第二个图标)。
- 选择所有更改。
- 输入一个提交消息(比如 new html5 app),并单击 COMMIT。
- 单击 SYNC 来推送和同步提交。此操作将会触发自动部署。
- 通过单击项目概述页面上的 BUILD & DEPLOY 检查部署状态。
- 通过浏览到 http://poseidon_host/sensors.html(例如,http://poseidon.mybluemix.net/sensors.html)来测试应用程序。您会看到已经发送了传感器读数的传感器的列表:
 - 单击一个传感器来查看使用 D3.js 创建的图。
|