基于Cordova(PhoneGap)的Andriod应用实例

一、环境配置

1、下载ant，安装。百度网盘 配置环境变量，找到ant安装目录bin文件夹，如D:\ant\bin\。在cmd中运行如下语句不报错既成功。

    >ant -h

2、下载nodejs，安装。百度网盘 在cmd中运行如下语句不报错既成功。

    >npm

3、下载cordova，在cmd中运行如下语句。

    >npm install -g cordova

4、下载andriod SDK。百度网盘 建议下载adt-bundle(包括了SDK，及开发工具eclipse)。配置环境变量，如D:\Codova\adt\sdk\tools 和 D:\Codova\adt\sdk\platform-tools 同时配置。

    运行SDK Manager.exe，将Android4.4.2 (API19) 及 Tools前9个安装了，否则后面会报错如不能成功获取安装列表，参考另一个博文‍

二、创建项目

1、新建一个用来存放android工程的文件夹，在cmd中，进入该文件夹，如：

     >cd d:workspace

2、创建Cordova project

    >cordova create hello com.test helloWorld

        其中hello为工程所在文件夹名称， com.test为项目id ,helloWorld为项目名称

3、进入刚创建的项目文件夹 hello，添加平台支持（本文添加Android平台支持）

    >cd hello

    >cordova platforms add android

    >cordova platforms ls   //查看已添加的平台

3、添加插件，如震动、二维码、相机等，具体参考 官方文档。如跳转网页

    >cordova plugins add org.apache.cordova.inappbrowser

    >cordova plugins ls  //查看已添加的平台

三、编辑项目

1、打开bundle中的eclipse,导入刚建好的项目，选中文件夹后会出现两个项目，全部导入。

2、展开HelloWorld/www  编辑index.html

    <button onclick="inAppBrowser();">inAppBrowser</button> <br> 
    <script type="text/javascript" charset="utf-8">  
        function inAppBrowser() {  
            var ref = window.open('http://www.baidu.com/', '_blank', 'location=yes');
        }
    </script>

2、双击index.html运行，点击按钮，打开百度

四、打包

参考http://www.tuicool.com/articles/numEBrM

转载于:https://my.oschina.net/fjr/blog/367333