基於win10的Android + Eclipse-8.0.2 + PhoneGap-8.0.0 環境配置

查了n多文章,用3天把環境搭建完畢。小結備忘下,僅供大家參考。

一、java環境的安裝配置

首先下載一些安裝包:

java環境的JDK-1.8.0:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html?utm_source=androiddevtools&utm_medium=website

二、Android開發軟件的安裝配置

ADT Bundle包含了Eclipse、ADT插件和SDK Tools,是已經集成好的IDE,只需安裝好Jdk即可開始開發,推薦初學者下載ADT Bundle,不用再折騰開發環境。

1、Android下載 (此安裝包含有Eclipse的開發平臺):http://tools.android-studio.org/index.php

選擇 ADT Bundle 23.0.2 win32版本。

或選擇自己從頭安裝各種插件:

eclipse下載:https://www.eclipse.org/downloads/packages/   選擇自己喜歡的版本,我選的是Eclipse IDE for JavaScript and Web Developers  win32。這個時候是找不到sdk manager的,要先裝adt-23.0.7(這是android提供的最新版本):https://pan.baidu.com/s/1o8TfwYu?utm_source=androiddevtools&utm_medium=website  。如果找不到sdk manager的,需要window菜單下打開相應的顯示。window--perspective--custemizer perspective選項單裏打開manager顯示。mac下還需要手動安裝android sdk tools 。

如果涉及到開發C++,可以下載C++版本eclipse或者安裝cdt(最新photon版本,注意版本對應),我選擇的是 http://www.eclipse.org/downloads/download.php?file=/tools/cdt/releases/9.5/cdt-9.5.2/cdt-9.5.2.zip ,然後再安裝android-ndk-r17b-windows-x86.zip。

2、AndroidSDK(android-28)、build-tools、platform-tools下載:

http://mirrors.neusoft.edu.cn/android/repository/

或者使用sdk manager下載所需的工具。要注意的是adt的版本是23.0.7,所以build-tools的版本不能高於此,最高選擇23.0.3,不然項目編譯時總是報錯。

3、ant打包工具的下載

http://ant.apache.org/bindownload.cgi

我選的是1.10.5版本。

4、PhoneGap或Cordova下載:官網也可以下載,但是android版本巨難下載成功。

Nodejs官網https://nodejs.org/en/下載windows版本,我選的是最新版本,安裝後進入命令行模式

npm install -g phonegap
npm install -g cordova

【如果想下載加速】:npm install -g cordova --registry https://registry.npm.taobao.org

安裝成功後 phonegap -v 或 cordova -v 獲取版本,我的是 8.0.0。

【創建Android工程】:

phonegap create Demo

cd Demo

phonegap platform add android

phonegap build android

【如果想使用Cordova】:

cordova create Demo2
cd Demo2
cordova platform add android
cordova run android

三、path的配置

ANT_HOME:D:\Program Files\Java\apache-ant-1.10.5
JAVA_HOME:D:\Program Files\Java\jdk1.8.0_74  //*****
ANDROID_HOME=D:\Program Files\eclipse\android-sdk  //*****
NDK_ROOT=D:\Program Files\eclipse\android-ndk
CLASSPATH:D:\Program Files\Java\apache-ant-1.10.5\lib;
D:\Program Files\Java\jdk1.8.0_74\lib;
D:\Program Files\Java\jre1.8\lib;

path:D:\Program Files\Java\apache-ant-1.10.5\bin
D:\Program Files\nodejs\
D:\Program Files\Java\jdk1.8.0_74\bin
D:\Program Files\Java\jre1.8\bin
D:\Program Files\adt-bundle-windows-x86-20140702\sdk\platform-tools
D:\Program Files\adt-bundle-windows-x86-20140702\sdk\tools
D:\Program Files\cordova-android-7.1.1\bin  //這個path用於後面生成jar包的命令
D:\Program Files\eclipse\android-ndk\build

四、Eclipse新建工程和phonegap的融合

安裝後更新Android包:選擇 Android SDK Manager,這裏下載較慢,其實第二里2已經下載了需要的文件,放到對應的文件夾裏即可。

1、新建一個Eclipse項目,名爲PhoneGap,分別把Demo2項目的platforms下的cordova、platform_www拷貝到項目根目錄下。

在MainActivity.java總共需要修改3個地方:

import android.os.Bundle;
import org.apache.cordova.*;//或import org.apache.cordova.CordovaActivity;
//public class MainActivity extends ActionBarActivity {
public class MainActivity extends CordovaActivity {
//setContentView(R.layout.activity_main);
super.loadUrl("file:///android_asset/www/index.html");

【或者】:

import android.os.Bundle;
import com.phonegap.*;//或import com.phonegap.DroidGap;
//public class MainActivity extends ActionBarActivity {
public class MainActivity extends DroidGap {
//setContentView(R.layout.activity_main);
super.loadUrl("file:///android_asset/www/index.html");

2、從phonegap新建的android項目目錄下拷貝AndroidManifest.xml到res下。

位於platforms\android\CordovaLib。

3、從phonegap新建的android項目目錄下複製cordova.js、cordova_plugins到assets\www下。

位於platforms\android\platform_www。

4、從phonegap新建的android項目目錄下複製index.html到assets\www下。

位於www下。也可以自寫。

<html>
<head>
<title>HellowWOrld</title>
</head>
<body>
<p>HelloWorld</p>
</body>
</html>

5、從phonegap新建的android項目目錄下複製cordova-*.jar到libs下。

位於framework下面。沒找到?沒錯,高版本已經不再提供了。需要自己重新編譯。

下載源碼: https://www.apache.org/dist/cordova/platforms/

選擇最新版本也是唯一:cordova-android-7.1.1.tgz

看說明如何使用。琢磨了好久,這裏直接給出命令:

cd framework

android update project -p . -t android-22 --subprojects

ant jar

duang。就爲的jar包出現了,少年至此可以愉快的玩耍了。

不想編譯?點這裏:https://download.csdn.net/download/qq_14980941/10565378

沒有插件?沒錯,要下載好插件後再編譯一次。【寫了2天,累了,後續再說】

五、AVD的配置

自帶模擬器巨慢,用真機。就不再浪費時間去折騰android鏡像(api)下載了。

【如果想用模擬器】:推薦genymotion官網下載帶visualbox版本:http://www.genymotion.net/

 

 

參考:

【1】 https://blog.csdn.net/yyh352091626/article/details/49096885

【2】 https://blog.csdn.net/blueskyinmyeye/article/details/8449773

【3】 http://eyehere.net/2011/phonegap-android/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章