融合的设计–QQ浏览器(android)设计分享.pdfVIP

融合的设计–QQ浏览器(android)设计分享

随着Google的Android手机和苹果的iPhone手机的逐渐普及，越来越多开发者加入到移动应用

开发的大军当中。目前移动终端中的冠亚军AnBluemix是一个开放式PaaS，其中包括许多由IBM、

第三方团体，甚至是像您这样的用户所创建的嵌入式预定义服务。这些服务是中间件（例如，数据库），

适用于您的Web应用程序。

根据Bluemix文档，所有这些服务都必须实现RESTfulAPI，您可以从现代浏览器等

JavaScript环境访问它。

ApacheCordova(PhoneGap)是一个基于HTML5、CSS3和JavaScript的移动应用开发框架。

Cordova将所有这些Web资源都包装为一个应用程序，在移动设备上充当一个Web服务器，并使用

Ajax。

在Cordova开发过程中，可以将Bluemix服务用作Ajax的资源。本文将演示通过使用

BluemixMobileData服务构建一个AndroidCordova应用程序（联系人应用程序）的步骤。

备注：本例基于Windows7。

步骤1.在Bluemix上创建一个移动样板

1.在您的Web浏览器中，登录到Bluemix。

2.在Bluemix仪表板中，单击CREATEANAPP按钮并选择MobileCloud样板：

3.在样板中配置您的混合应用程序需要使用的后端服务（如MobileData服务），然后单击

CREATEAPPLICATION：

4.输入应用程序名称，并为Host值输入惟一的名称（Bluemix不允许重复的主机名），然后单

击CREATE：

仪表板上已添加了Bluemix应用程序：

5.单击该应用程序链接，打开应用程序的概述页面。记录应用程序的ID，稍后您需要用到它：

6.单击在ID左侧的DownloadSDKs链接，选择JavaScriptSDK，将SDK的内容解压缩到您

选择的目录：

如果需要的话，请参考JavaScriptSDK中的API文档获得有关的内容。

步骤2.创建一个Cordova项目

1.在PC上打开命令提示符，并选择一个目录作为您的工作区，比如c:/workspace/android。

工作区是一个文件夹，用于存储您的Cordova项目。

2.使用Node.jsnpm命令安装Cordova：

npminstall-gcordova

以这种方式安装Cordova为快速构建Cordova应用提供了便利工具。

3.通过按以下顺序运行命令，创建一个Cordova项目：

cordovacreatedemocom.ibm.demoMyDemo

cddemo

cordovaplatformaddandroid

cordovaplatformaddandroid命令可以创建Android支持，因为您已经安装了AndroidSDK。

4.为Cordova添加必要的插件，运行以下命令：

cordovapluginaddorg.apache.cordova.device

cordovapluginaddorg.apache.cordova.console

或者，运行以下命令来添加其他插件：

cordovapluginaddorg.apache.cordova.camera

cordovapluginaddorg.apache.cordova.contacts

cordovapluginaddorg.apache.cordova.dialogs

cordovapluginaddorg.apache.cordova.geolocation

5.在demo子目录中，将根路径中的www文件夹替换为您先前从我的DevOpsServices项目下

载的扩展www-raw.zip中解压缩出来的www文件夹。

6.从Cordova项目的根目录运行模拟器，以验证