phonegap之cordova构建Android app

最新推荐文章于 2024-05-23 09:53:46 发布

蓝精灵依米

最新推荐文章于 2024-05-23 09:53:46 发布

阅读量1.6k

点赞数

分类专栏：工具使用教程 webApp 文章标签： eclipse app android phonegap cordova

本文链接：https://blog.csdn.net/qq_20438233/article/details/45335943

版权

webApp 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

工具使用教程

5 篇文章 0 订阅

订阅专栏

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