Cordova deploy on Android

網上找了幾篇Phonegap在安卓上的部署，版本都比較老了，不過仍是部署成功了，

寫篇博客以作紀錄。

1.先下載IDE:戳

2.下載Phonegap:戳

3.啓動ADT，新建普通Android Application Project

4.在Package Explorer的項目項下

　　assets目錄下新建www文件夾，

　　res目錄下新建xml文件夾

5.將下載的Phonegap解壓，

　　cordova.js copy to www folder,

　　cordova-2.9.0.jar copy to libs folder,

　　config.xml copy to res/xml folder.

6.項目屬性－> Java Build Path,

　　Libraries -> Add Jars, Add /libs/cordova-2.9.0.jar,

　　Order and Export -> 勾選cordova-2.9.0.jar.

7.Open /src/com.package.projectname/MainActivity.java

裏面代碼所有del，貼入

 1 package com.package.projectname;
 2 
 3 import android.os.Bundle;
 4 import org.apache.cordova.*;
 5 
 6 public class MainActivity extends DroidGap {
 7 
 8     @Override
 9     public void onCreate(Bundle savedInstanceState) {
10         super.onCreate(savedInstanceState);
11         super.loadUrl(Config.getStartUrl());
12     }
13 }

這裏主要是引用cordova的package,把默認的android的activity去掉。改繼承自activity爲DroidgGap.

loadUrl里路徑能夠本身寫，爲了之後修改方便調用了Config.getStartUrl(),這樣對應配置文件的key starturl了.

8.修改AndroidManifest.xml

activity標籤處增長android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"

增長uses-permission和supports-screens，以下：

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3     package="com.shgbit.gbconf"
 4     android:versionCode="1"
 5     android:versionName="1.0" >
 6      <supports-screens
 7         android:largeScreens="true"
 8         android:normalScreens="true"
 9         android:smallScreens="true"
10         android:xlargeScreens="true"
11         android:resizeable="true"
12         android:anyDensity="true"
13         />
14 
15     <uses-permission android:name="android.permission.CAMERA" />
16     <uses-permission android:name="android.permission.VIBRATE" />
17     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
18     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
19     <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
20     <uses-permission android:name="android.permission.INTERNET" />
21     <uses-permission android:name="android.permission.RECEIVE_SMS" />
22     <uses-permission android:name="android.permission.RECORD_AUDIO" />
23     <uses-permission android:name="android.permission.RECORD_VIDEO"/>
24     <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
25     <uses-permission android:name="android.permission.READ_CONTACTS" />
26     <uses-permission android:name="android.permission.WRITE_CONTACTS" />   
27     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
28     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
29     <uses-permission android:name="android.permission.GET_ACCOUNTS" />
30     <uses-permission android:name="android.permission.BROADCAST_STICKY" />
31 
32     <application
33         android:allowBackup="true"
34         android:icon="@drawable/ic_launcher"
35         android:label="@string/app_name"
36         android:theme="@style/AppTheme" >
37         <activity
38             android:name="com.shgbit.gbconf.MainActivity"
39             android:label="@string/app_name" 
40             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale">
41             <intent-filter>
42                 <action android:name="android.intent.action.MAIN" />
43 
44                 <category android:name="android.intent.category.LAUNCHER" />
45             </intent-filter>
46         </activity>
47     </application>
48     
49     <uses-sdk
50         android:minSdkVersion="8"
51         android:targetSdkVersion="17" />
52 </manifest>

9.open res/xml/config.xml,確認starturl,以下

    <!-- <content src="http://mysite.com/myapp.html" /> for external pages -->
    <content src="index.html" />

10.open /assets/www folder,

　　add html,css,js and so on...

　　這裏注意看到了/assets/www目錄，你的web內容，js框架等等所有扔這裏吧...

11.create virtual devices

12.Run,Android虛擬機根據機器性能不一樣啓動時間長短不一，請耐心等待，若是成功，如圖：

點擊GBConf,以下：

 

看看Cordova如何調用的，如圖：

Done!

 

最後，本篇初學筆記，僅供初學者學習方便之用，各位大牛請繞路～勿拍磚...