phonegap-我的第一个android应用

附开发软件安装包

1511181707-开发环境安装包整理.rar

链接：http://share.weiyun.com/d2400f0802f49c34415deff6685eeb89 （密码：tOdo）

注：由于文档是后来整理，对于控制台截图中文件目录的显示有些错误，只为说明大致步骤，不必深究，只需按文字描述步骤操作

开发环境配置

1.

双击

安装JDK （注意如果windows是64位需安装64位JDK）并配置环境变量

在控制台中输入

java -d64

打印如是则安装正确

2.

双击

安装android-sdk并配置环境变量

输入android -h

打印如是则安装成功

3.

双击

安装node.js并配置环境变量

打开node.js控制台

输入npm

打印如是则安装成功

4.

在node.js在安装phonegap

输入
npm install -g phonegap

输入phonegap验证安装是否成功

打印如是则安装成功

5.

双击

安装android开发软件

打包第一个android应用

创建phonegap工程

打开node.js控制台

输入（以下“>>”代表输入）

>>phonegap create hell com.nsh.hell adrian

进入工程根目录

>>cd hell

添加android的环境

>>phonegap run android

工程创建成功

可以看到工程文件夹中生成了许多文件

使用Android Studio打开工程

工程加载进去之后

双击编辑文件MainActivity

替换方法onCreate中的代码为如下

         super.onCreate(savedInstanceState);

         //实例化WebView对象

        WebView webview =newWebView(this);

        // webview.getSettings().setUseWideViewPort(true);//关键点

        //设置WebView属性，能够执行Javascript脚本
        webview.getSettings().setJavaScriptEnabled(true);
        webview.getSettings().setSupportZoom(true);// 支持缩放
        webview.getSettings().setLoadWithOverviewMode(true);

        webview.getSettings().setUseWideViewPort(true);

        webview.getSettings().setBuiltInZoomControls(true);//支持手势缩放

        try{
            //设置打开的页面地址
            webview.loadUrl("http://192.168.0.101:9010/IDE/application/run2D.html");
        }
        catch (Exception ex)
        {
            ex.printStackTrace();
        }

        setContentView(webview);

打开文件AndroidManifest.xml

在AndroidManifest.xml文件中添加

<uses-permissionandroid:name="android.permission.INTERNET"/>

//设置网络访问权限

打包生成android应用

选择

选择创建iks

填写相关信息

生成.apk的文件

现在就可以传到android手机上安装了