phonegap之cordova构建Android app

phonegap是通过html5开放安卓app的强大软件,它的出现秒杀了一切学手机安卓,ios软件的小生们。

作为一个前端html5开发者,我不能不说,这个软件造福于人类呀。

首先phonegap需要如下软件依次安装:

讨厌的:eclipse(我也是醉了,一个学前端的,按这个java的东西,让我考虑的很久)

sdk Manager

node.js

git(让我可以自动的获得phonegap插件)

具体的内容官网上太详细,我就不费劲了,况且版本的不同,安装的方法也有的不一样。。。

我就说一下作为一个前端工程师,如何尽量少的不用eclipse吧

让我们开始吧

one:

一定要按照官网,把android sdk 的androd api工具安装上(我用的是api22,android4.0),要是嫌机子卡可以不用安装虚拟机哦!

配置好android环境变量(如果不配置的话,下面的cordova run android命令 报错):ANDROID_HOME,ANDROID_PATH,ANDROID_TOOLS,将三个变量加入到path变                   量中

two:

现在你需要通过node.js的命令行的npm 安装 cordova工具集

$ sudo npm install -g cordova

three:

构建我的app,通过cordova命令集,如下:

  $ cordova create “文件夹名字” com.example.hello "app图标名字"
 $ cd “文件夹名字” 

这个时候,你要把你的代码放到跟根目录的www中,www中要有cordova.js文件,继续如下:

    $ cordova platform add android

创建了android版本的代码后,我们需要安装我们需要的android插件,供我们更好的调用设备上本地的功能。

如果你是第一次调用某个插件,你需要用下面的命令从网上下载引用插件:

$ cordova plugin add org.apache.cordova.device

删除一个插件:

$ cordova plugin rm org.apache.cordova.device

如果你不是第一次调用某个插件,你可以设置根目录下的config.xml,这些配置会同步到如下platforms\android\res\xml\config.xml当中,自动安装本地已有的插件:

    <feature name="Whitelist">
        <param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" />
        <param name="onload" value="true" />
    </feature>
    <feature name="Notification">
        <param name="android-package" value="org.apache.cordova.dialogs.Notification" />
    </feature>
    <feature name="Vibration">
        <param name="android-package" value="org.apache.cordova.vibration.Vibration" />
    </feature>
    <feature name="StreamingMedia">
        <param name="android-package" value="com.hutchind.cordova.plugins.streamingmedia.StreamingMedia" />
    </feature>
    <feature name="Device">
        <param name="android-package" value="org.apache.cordova.device.Device" />
    </feature>

four:

通过尝试,我无法实现 cordova build android和cordova run android操作,所以我通过把android目录的代码导入到eclipse,连通手机安装app。

如需要修改代码,只需要修改android目录下的代码即可。

时间: 2024-10-31 18:02:38

phonegap之cordova构建Android app的相关文章

cordova 开发 android app 简要流程

1. 安装cordova:npm install -g cordova --registry=https://registry.npm.taobao.org 2. 创建cordova工程:进入工作目录下执行 cordova create hello com.example.hello HelloWorld,第一个参数hello,指定目录名称.第二个参数com.example.hello类似C#的命名空间,或Java的包名.第三个参数指定了应用程序的显示标题. 3. 增加android支持:进入工

使用 Cordova(PhoneGap)构建Android程序

移动终端开发随着智能手机的普及变得越来越热,什么项目都想移动一把,但反观要去学这些各个终端的控件使用,实属不易,又特别是每个终端的控件及所用语言都各不相同,使得这种学习变得更加困难. 有没有一种简单的方式能够快速构建移动终端程序并能在各个终端平台上快速打包并正常使用? 答案是肯定的,并且这种框架还不少,本文简单的介绍通过Cordova(原名为phonegap)这个平台构建一个android 程序. 开发环境准备. 安装JDK,此步骤忽略,各位有意的看官可自行去oracle网站上下载你适合的jdk

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

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

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载三(通过实例来体验生命周期)

4.1.2  通过实例来亲身体验Activity的生命周期 上一小节介绍了Activity生命周期中的各个过程,本小节将以一个简单的实例来使读者亲身体验到Activity生命周期中的各个事件. 在Eclipse中新建一个Android工程,命名为example4_1,修改其MainActivity类中的内容如范例4-1所示. [范例4-1Activity生命周期的演示] 01 //此处省略若干个导入文件,由Eclipse自动生成 02 public classMainActivity exten

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) , 已有13次阅读 ,共0个评论 依照我一惯得套路,我会先说一点废话. PhoneGap和Cordova什么关系?为什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平台.通过它,开发商能够使用HTML.CSS及JavaScript来开发本地移动应用程序.因此,眼下开

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载二(生命周期)

4.1 什么是生命周期 想要真正地理解PhoneGap应用开发的内涵,首先需要理解什么是生命周期.这在字面上其实非常容易理解,一个应用从开始运行被手机加载到应用被退出之间的过程就称之为一个生命周期.为了使读者更容易理解,本节将以Android原生SDK中Activity类的生命周期结合Eclipse中的LogCat调试工具进行实战讲解. 4.1.1  Activity的生命周期 先仔细的观察图4-1的内容,这是谷歌官方给出的Activity生命周期流程图,它包括了一个安卓应用从被创建到结束时所经

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载五(使用PhoneGap获取设备信息)

除了能够将HTML页面打包成可以直接安装运行的APP外,PhoneGap的一个最大优势在于可以通过JavaScript调用设备来访问设备上的硬件信息,从而实现一些原本只有依靠原生SDK才能够达到的目的.范例5-1就展示了一个利用API来获取设备信息的例子. [范例5-1 利用PhoneGap获取设备信息] <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/ht

Cordova for android如何在App中处理退出按钮事件

项目需要在HTML5 Android App中加入对返回键的处理,发现直接在Activity中加返回键处理代码不起作用,分析cordova源码发现返回键已经被WebView处理掉了,所以只能在js中处理返回键了! @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if (exit > 1) { finish(); } else { To

使用Cordova创建第一个App和Cordova构建环境的配置

引言 通过上一篇文章我们已经对 Hybrid App 有了一定的了解,并且根据实际业务情况选择了 Cordova 来开发我们的APP, 如果对这些还不了解的话请查看上一篇文章,那么接下来我们就开始Cordova 之旅把! 安装Cordova CLI 由于Cordova命令行工具作为npm包发布,这对于我们前端开发的同学来说实在是太方便了! #全局安装Cordova $ npm install -g cordova 注 :对于在OS X和Linux上, npm命令前加sudo 是因为 cordov