基于win10的Android + Eclipse-8.0.2 + PhoneGap-8.0.0 环境配置

查了n多文章,用3天把环境搭建完毕。小结备忘下,仅供大家参考。

一、java环境的安装配置

首先下载一些安装包:

java环境的JDK-1.8.0:https://www.java.com/ 

二、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版本。

2、AndroidSDK(android-22)、build-tools、platform-tools下载:

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

3、ant打包工具的下载

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

我选的是1.10.5版本。

4、PhoneGap或Cordova下载:官网也可以下载,但是android版本巨难下载成功。

Nodejs官网下载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

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包的命令

四、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

看说明如何使用。琢磨了好久,这里直接给出命令:

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/

猜你喜欢

转载自blog.csdn.net/qq_14980941/article/details/81203848