使用 Cordova(PhoneGap)构建Android程序

移动终端开发随着智能手机的普及变得越来越热,什么项目都想移动一把,但反观要去学这些各个终端的控件使用,实属不易,又特别是每个终端的控件及所用语言都各不相同,使得这种学习变得更加困难.

有没有一种简单的方式能够快速构建移动终端程序并能在各个终端平台上快速打包并正常使用? 答案是肯定的,并且这种框架还不少,本文简单的介绍通过Cordova(原名为phonegap)这个平台构建一个android 程序.

  1. 开发环境准备.

    1. 安装JDK,此步骤忽略,各位有意的看官可自行去oracle网站上下载你适合的jdk版本.安装完后请添加系统环境变量”JAVA_HOME”,指向的路径为你刚安装的JDK目录.并将Path环境变量增加上 JAVA_HOME 路径,即在Path环境变量路径末尾增加上 ”;%JAVA_HOME%\bin”.
    2. 下载Adt-bundle-windows软件包,这个是google集成了android sdk的eclipse开发环境. 下载后直接解压即可使用.
    3. 安装node.js, 因Cordova最新版可直接使用node.js来安装,并且每次开发的时候都可以更新到最新的Cordova版本,故本处我们先安装Node.js.可通过官网直接下载.
    4. 安装cordova,在命令行工具中输入”npm install -g phonegap”，成功后再次输入 “npm install -g cordova”，
    5. 配置”ANDROID_HOME”环境变量,将其路径指向你的Android SDK路径,如我本机会设置为”D:\Stady\JAVA\Android\Adt-bundle-windows\sdk”.
    6. 另外,ADT(android 模拟器)会默认创建在 操作系统盘的用户目录下,若想改到其他位置,可以添加一个环境变量 “ANDROID_SDK_HOME”,指向你期望的位置即可.
  2. 在正式例子之前,我们先验证环境是否已经ok,可简单通过查看 java/npm 版本命令来在验证是否正常,如 java –version / npm –version.
  3. 在以上步骤都ok之后,我们就可以开始Cordova之旅了.
    1. 在命令窗口提供cd命令跳转到新项目存放的目录.如 cd D:\Stady\JAVA\Android\Project .
    2. 通过命令 Cordova Create 创建一个新项目,最常用的命令可以使用 Cordova 路径 包名 项目名 ,如本处我们将创建一个用于人力资源的APP,将其简称为 HR, 创建项目的命令便可以使用为 cordova create HR com.xiezl.hr HR , 命令执行完后,我们的项目文件大概如下图所示.
    3. Cordova 是一个可以跨平台的移动终端解决方案,目录中platforms 就将存放各个平台所独有的文件资源,目前因为我们还没有添加任何平台进去,所以这个目录暂时是空的.本文主要介绍Android环境下的开发,其他平台(IOS,wp等)本人没有尝试过,但感觉应该类似.
    4. 进入到项目解决方案目录后,通过 cordova platform add android 命令添加 android 平台.稍等片刻直到见到如下图所示.
    5. 此时,我们在进入到platform便可见到我们刚添加的android平台,如下图所示.
    6. 当完成上面步骤后,我们的基础工作就已经完成了,接下来,我们用Adt-bundle-windows 中的eclipse 来打开我们刚刚创建的项目.通过eclipse中的import命令导入我们刚创建的项目.
    7. 导入后,我们的项目在eclipse的效果如上图所示,一共有两个项目,CordovaApp-CordovaLib为lib项目,HR为我们的工作项目.在这个项目中,assets 目录下目前只有一个提示文件,可以通过这个提示文件的辅助方法,将文件过滤器移除后,就可以展现出我们的项目文件.
    8. 接下来我们可以尝试去看下 index.html 文件,这个便是我们的程序入口展示界面,我们可以简单的改造一下,假设如下所示.
    9. 因为仅仅是测试项目,改造完后,我们通过模拟器来运行这个项目.大概像这个样子.可以清楚的看出我们的app展示的界面就是我们的index.html的内容.我们回到我们项目解决方案目录下,定位到platform\android\bin目录下,可以看到这里有一个HR.apk文件,相信大家已经猜出这个文件是什么了,不妨把这个文件拷贝到手机上去安装后运行下看看什么情况.
    10. 经过了以上步骤,我想各位应该能明白怎么使用cordova做android项目了.大家可以自己去尝试一下.
  5. 在上面我们简单的介绍了使用Cordova来快速搭建一个android开发项目,例子就先介绍到此,后面我们将通过一个实实在在的真实项目HR,来一起学习如何使用jquery mobile +html5+cordova开发真正的app程序.
    号外,我也是刚开始学习这个东东,所以文中难免会有写疏漏,欢迎各位指出以便共同学习.共同提高.
时间： 2024-04-20 15:25:20

使用 Cordova(PhoneGap)构建Android程序的相关文章

phonegap退出android程序

最近用android做了一个程序,在点“后退”的时候,会不停地后退,感觉不好. 查了些资料有这么些: 一.toast_plugin插件 <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script> <script src="toast_plugin.js"></script> doc

使用 Eclipse PhoneGap 构建 Android 应用程序入门

Eclipse 是一种支持多种技术的开源集成开发环境 (IDE),但本文重点介绍 Java 支持,这也是 Android 应用程序的“母语”.Android 是 Google 发布的开源移动操作系统.Android 现已成为许多智能手机和平板设备的操作系统,其中包括三星 Galaxy 系列手机和平板电脑.亚马逊 Kindle Fire 平板电脑.Barnes and Noble Nook 平板电脑,以及大量制造商生产的许多其他设备.PhoneGap 是一个开源应用程序平台,可让您使用 HTML

运行你的PhoneGap构建应用程序与AdMob

随着最近PhoneGap Build更改,我们现在可以使用所有的插件都在plugins.cordova.io上市了,以及插件也在https://github.com/网站上市了.这意味着,我们现在已经进入了AdMob plugins,这将允许我们集成AdMob与PhoneGap Build应用程序. AdMob将允许在用户的移动应用程序上显示广告,显示他们并获得收入–类似于网站的AdSense是如何工作的.这是一个非常普遍的移动应用的运行策略,游戏更是如此.有了足够的用户就可以带来一笔显著的收入

用Gradle 构建android程序

前言 android gradle 的插件终于把混淆代码的task集成进去了,加上最近,android studio 用的是gradle 来构建项目, 下定决心把android gralde 构建项目的用户指南全部看完, 让不会用gradle 的人也用gradle构建android项目,让打包(注意,打包和构建是两码事)多版本android不再痛苦.最后,题外话:珍惜生命,远离ant.... Gradle build android 历史 Android Tools 主页 ,大概是今年2月份发布

在内网使用Gradle构建Android Studio项目

在Android Studio项目中,默认的远程仓库为jcenter,如果在项目引用了一些类库,Gradle构建程序的时候会将这些依赖类库从jcenter网站下载到本地,如我们在 build.gradle使用了以下依赖: dependencies { compile 'de.hdodenhof:circleimageview:2.1.0' } 下载的地址为:https://jcenter.bintray.com/de/hdodenhof/circleimageview/2.1.0/ 本地缓存地址

phonegap之cordova构建Android app

phonegap是通过html5开放安卓app的强大软件,它的出现秒杀了一切学手机安卓,ios软件的小生们. 作为一个前端html5开发者,我不能不说,这个软件造福于人类呀. 首先phonegap需要如下软件依次安装: 讨厌的:eclipse(我也是醉了,一个学前端的,按这个java的东西,让我考虑的很久) sdk Manager node.js git(让我可以自动的获得phonegap插件) 具体的内容官网上太详细,我就不费劲了,况且版本的不同,安装的方法也有的不一样... 我就说一下作为一

Android程序能够构建和运行，但是报以下报错，为什么？

安卓程序写完之后能够构建和运行,但是会报以下的错误.不知道原因为何?求大神解答. 网上说的是混淆编译的原因,不过程序没有开启混淆编译. Error:warning: Ignoring InnerClasses attribute for an anonymous inner class Error:(com.alipay.android.phone.mrpc.core.c) that doesn't come with an Error:associated EnclosingMethod at

[转]-用Gradle 构建你的android程序

出处:http://www.cnblogs.com/youxilua  前言 android gradle 的插件终于把混淆代码的task集成进去了,加上最近,android studio 用的是gradle 来构建项目, 下定决心把android gralde 构建项目的用户指南全部看完, 让不会用gradle 的人也用gradle构建android项目,让打包(注意,打包和构建是两码事)多版本android不再痛苦.最后,题外话:珍惜生命,远离ant.... Gradle build and

用Gradle 构建你的android程序

用Gradle 构建你的android程序 前言 android gradle 的插件终于把混淆代码的task集成进去了,加上最近,android studio 用的是gradle 来构建项目, 下定决心把android gralde 构建项目的用户指南全部看完, 让不会用gradle 的人也用gradle构建android项目,让打包(注意,打包和构建是两码事)多版本android不再痛苦.最后,题外话:珍惜生命,远离ant.... Gradle build android 历史 Androi