电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 使用 React 创建 IBM Watson 资源管理器（3） [打印本页]

作者: look_w 时间: 2018-11-16 13:19 标题: 使用 React 创建 IBM Watson 资源管理器（3）

第 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 目录（覆盖现有的文件）以供重新部署

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)