利用 Cloudant 在 Bluemix 上自动化 Famo.us 移动应用程序（1）

look_w

Web 技术（HTML5、CSS3 和 JavaScript）早就对应用开发承诺了 “只需编写一次代码，就可以跨多个移动平台进行部署”        的解决方案。然而，直到最近，这个承诺仍未得到兑现。基于 Web 的移动应用往往会有落后的性能、奇怪的用户界面，以及网络连接的延迟和中断。将 Web        应用程序的服务器端扩展到多个接入设备也是一个棘手的、代价高昂的问题。
令人高兴的是，支持移动应用开发的基于 Web 的技术最近取得了一些进展，让这种格局得到了改变：

• 在 UI 端：   是一个灵活的高性能          Web UI 布局和动画库，可以用它来为移动应用程序​​创建原生代码级别的用户体验。
• 在数据访问端：客户端/服务器数据访问的 Web 应用程序模型（基于随时可用的 Internet          连接）不适合移动应用程序。移动设备可能会断开网络访问持续一段时间。无尽的重试可能会导致应用程序延迟和用户的挫折感。  目前通过 JavaScript   库利用移动支持解决了这个问题。

使用 PouchDB，在浏览器中运行的应用程序可以通过熟悉的基于 JSON 的 CouchDB API 对始终可用的、快速接入的本地数据库进行读写。然后，PouchDB 与        Clo​​udant 进行通信，并通过托管的复制跨多个服务器来保存该数据的同步副本。仅当设备连接到 Internet 并且可以在不会对用户造成干扰的情况下进行中断时才执行同步。通过在配置        Cloudant 服务的过程中将复制的副本添加到更接近用户的地方，可以采用具有成本效益的方式来解决可扩展性问题。

“通过在 Cloudant 上修改主 JSON 文档，可以同时修改 UI 显示的内容（在所有设备上）和 UI 的外观与样式细节， ”

™
这个云平台备有免费服务、运行时和基础架构，可以帮助您快速构建和部署下一个移动或 Web          应用程序。

在我的 developerWorks 文章 “ ” 中的最后一个示例中，详细介绍了如何构造典型的移动用户界面，包括可用拇指滚动的列表，用于选择和显示项目。Famo.us        组件的设计是高度可组合的。我进一步将那个示例应用程序的用户界面开发成了一个可重用的应用程序模板（Famo.us        小部件），它是可以完全定制的。在本文中，我将向您展示如何在移动应用程序中重用应用程序模板，并将其部署到 IBM Bluemix™。用户界面定制是数据驱动的，可通过存储在        Cloudant 中的 JSON 文档副本实现。
用户界面的多个方面都可定制：

• 标题。
• 用户界面的外观。您可以轻松更改主题颜色。通过进一步的工作，您可以自定义所有的 CSS 样式。
• 描述内容的选项卡按钮标签。
• 显示供选择的列表。

在代码中，定制的控制是通过存储在 Cloudant 数据库中并复制到移动设备的 JSON 文档利用 PouchDB 在浏览器中实现的。您可以通过在 Cloudant 上修改主 JSON        文档来修改用户界面显示的内容（在所有设备上），以及用户界面的外观和样式细节：