使用 React 创建 IBM Watson 资源管理器（3）

look_w

第 3 步.                将您自己的 Watson Explorer 应用程序部署在 Bluemix 上 要成功地将您自己的应用程序部署在 Bluemix 上，只需要 bluemixdeploy 目录的内容即可。

• 登录到 Bluemix。
• 在仪表板中，创建一个应用程序，选择 WEB 模板，然后首先选择 SDK for                        Node.js。（您将在后续步骤中覆盖现有项目。）
• 在提示时为您的应用程序提供一个惟一名称（不要使用空白或特殊字符）。
• 使用 Add a service 将一个语言识别服务的实例绑定到您的应用程序。将该服务命名为                    watlidserv。
• 添加机器翻译服务的实例并将其绑定到您的应用程序。将该服务命名为 wattransserv。
• 添加问答服务的实例并将其绑定到您的应用程序。将它命名为 watqaserv。
• 在您的本地文件系统能够中，更改到应用程序的 bluemixdeploy 目录。
• 编辑 manifest.xml 并将 name 值更改为您的惟一应用程序名称。
• 从 bluemixdeploy，运行 cf push 命令来部署您自己的 Watson Explorer                    版本，然后可以从 http://您的应用程序名称.mybluemix.net/ 访问它。

接下来，您将看到如何使用 Material-UI 构件和同步的实时更新工具链来安装一个快速开发环境，以便修改或调整该应用程序。
第 4 步.                设置 Material-UI 的快速开发/构建环境 使用 Material-UI 开发和构建工具链（包含集成的  ），您可以在应用程序显示在一个或多个浏览器中时修改代码（假设一个在显示在 Firefox                中，一个显示在移动版 Safari 中，第三个显示在 Chrome 中），这些更改会即时反映出来：

• Material-UI 正处在快速开发阶段，几乎所有新版本都引入了巨大的变化。确保使用的是 v0.7.0。
  
  从  ，下载 v0.7.0 版的 ZIP 文件。Watson Explorer                    应用程序需要 v0.7.0。
• 在与签出的代码的根级别相同的级别上（可在这里看到文档和示例目录），复制乳整个 clientsrc 目录。
• 在 Material-UI 代码的根部，运行 npm install。
• 更改到 clientsrc 目录并运行 npm install。
• 从 clientsrc 目录，运行 gulp 来启动一个包含正在运行的应用程序的浏览器实例。
• 如果您愿意的话，启动其他指向该应用程序的 URL                    的浏览器（从控制台或从正在运行的浏览器实例）。在您执行更改时，所有浏览器实例都将同步。
• 修改任何源文件，可以观察到快速的重新构建和浏览器更新。
• 完成代码更改和测试后，离开 gulp 会话。使用 gulp build                    命令构建可部署的工件。
• clientsrc/build 目录内是 React 代码的可部署工件。将 clientsrc/build 复制到                    bluemixdeploy/public 目录（覆盖现有的文件）以供重新部署