您可以捐助,支持我们的公益事业。

金额: 1元 10元 50元

姓名:

邮件:

电话:

公司:

说明:

认证码: 验证码,看不清楚?请点击刷新验证码 必填



  要资料 文章 文库 视频 Code iProcess 课程 认证 咨询 工具 讲座吧   专家招募  
会员   
 
   
 
  
每天15篇文章
不仅获得谋生技能
更可以追随信仰
 
 
     
   
 订阅
  捐助
使用 IBM Bluemix Mobile Data 服务
 
作者:盛浩,朱盛浩,宋剑飞 来自于:IBM 发布于 2015-10-21
来自于要资料   1052 次浏览     评价:      
 

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 为移动应用程序提供了丰富而强大的基础设施服务。它让移动应用程序的部署管理变得轻松简单,极大地减轻了开发人员的负担,提高了工作效率。

   
 订阅
  捐助
 
相关文章

手机软件测试用例设计实践
手机客户端UI测试分析
iPhone消息推送机制实现与探讨
Android手机开发(一)
 
相关文档

Android_UI官方设计教程
手机开发平台介绍
android拍照及上传功能
Android讲义智能手机开发
相关课程

Android高级移动应用程序
Android系统开发
Android应用开发
手机软件测试
 

android人机界面指南
Android手机开发(一)
Android手机开发(二)
Android手机开发(三)
Android手机开发(四)
iPhone消息推送机制实现探讨
手机软件测试用例设计实践
手机客户端UI测试分析
手机软件自动化测试研究报告
更多...   

Android高级移动应用程序
Android应用开发
Android系统开发
手机软件测试
嵌入式软件测试
Android软、硬、云整合

领先IT公司 android开发平台最佳实践
北京 Android开发技术进阶
某新能源领域企业 Android开发技术
某航天公司 Android、IOS应用软件开发
阿尔卡特 Linux内核驱动
艾默生 嵌入式软件架构设计
西门子 嵌入式架构设计
更多...   
 
 
 
 
 
每天2个文档/视频
扫描微信二维码订阅
订阅技术月刊
获得每月300个技术资源
 
 

关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号