|
IBMBluemix 是一个开放式的 PaaS 平台，它为移动应用提供了许多预先构建的服务，比如 Mobile
Data 服务，推送服务等。应用程序开发人员可以利用这些服务快速地创建、部署和管理移动应用程序。 Cordova
是一个基于 HTML5, CSS3 和 JavaScript 的移动应用开发框架。Cordova 将所有这些
Web 资源封装成一个本地的移动应用程序安装到 Android, iOS, Windows Phone
等手机平台上。 本文将通过一个实例来演示如何在 Android Cordova 应用程序中使用 Bluemix
JavaScript API 来同步 Bluemix Mobile Data 服务中存储的数据。
步骤 1. 在 Bluemix 上创建一个移动样板
在您的 Web 浏览器中，登录到 Bluemix。
在 Bluemix 仪表板中，单击 CREATE AN APP 按钮。
图 1. 创建 Bluemix App
选择创建 MOBILE 应用。
图 2. 选择创建应用的类型
选择 Mobile(iOS, Android, Hybrid)，然后点击 Continue。
图 3. 选择移动应用平台
为刚创建的应用取一个名字。
图 4. 应用程序命名
在应用程序概览的页面可以查看 Route, App Key 和 App Secret 等信息。下面的例程中会用到这三个值。
图 5. 查看 Route，App Key
和 App Secret
步骤 2. 建立 Cordova 项目
首先我们从 Bluemix 网站下载示例程序：bluelist-mobiledata sample
https://www.ng.bluemix.net/docs/#services/mobiledata/index.html#gettingstarted
您也可以使用 git clone 命令下载示例代码到本地目录中。
C:\projects\git clone https://hub.jazz.net/git/mobilecloud/bluelist-mobiledata
打开 bluelist-mobiledata-cordova/www/bluelist.json 文件，将
applicationId, applicationSecret, applicationRoute 分别替换成步骤
1-6 中的 App Key, App Secret 和 Route。
打开命令行工具 cmd.exe, 在 bluelist-mobiledata-cordova 目录下运行
bower install.
该命令会下载最新的 Mobile Cloud SDKs 到指定的目录：bluelist-mobiledata-cordova/www/components。
步骤 3. 添加数据到 Mobile Data 服务
创建一个 JSON 文件，添加以下 JSON 数据到文件中。
[{"name": "Mark Allen"},{"name":
"John Higgins"},{"name": "Barry
Hawkins"}]
您也可以添加更多的数据到 JSON 文件中，注意，每一个数据对象必须要有 name 属性。
在 Bluemix 应用程序概览页面，点击 Mobile Data 服务。
图 6. Mobile Data 服务
在 Mobile Data 服务页面上选择 Manage Data 标签。
图 7. Mobile Data 服务管理页面
点击文本文件上传按钮。
图 8. 添加文本数据
选择第一步创建的文件，在 Class Name 字段中输入 Item.
图 9. 上传文本数据对话框
点击 Import 将数据上传到服务器端。
图 10. 查看已上传的数据
步骤 4. 测试应用程序
浏览器测试
在 bluelist-mobiledata-cordova 目录下，运行 ionic serve.
在 Windows 开始菜单中运行 chrome.exe --disable-web-security.
图 11. 打开 Chrome 浏览器
在 Chrome 浏览器输入 http://localhost:8100/#/tab/list, 程序启动以后会加载
Mobile Data 服务中保存的数据。
图 12. 在浏览器中显示应用程序界面
手机模拟器测试
为 Cordova 应用程序添加 Android 环境，在 bluelist-mobiledata-cordova
目录下运行命令 cordova platform add android。
运行命令 cordova run android 编译并启动 Android 模拟器，等程序安装完成以后，应用程序会自动启动并加载
Mobile Data 服务中的数据。
图 13. 在 Android 模拟器中显示应用程序界面
您也可以通过点击标题栏左右两侧的增删按钮来添加或删除数据。操作完成以后数据会同步到 Mobile Data
服务中。
结束语
Bluemix 为移动应用程序提供了丰富而强大的基础设施服务。它让移动应用程序的部署管理变得轻松简单，极大地减轻了开发人员的负担，提高了工作效率。
|
