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手機上安裝了