phonegap之cordova构建Android app

浏览数：29 / 时间：2015年06月11日

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目录下的代码即可。