最新版本的phonegap环境搭建(win7)以及项目名称MainActivity问题

来源:互联网 发布:网络用语qq爱是什么 编辑:程序博客网 时间:2024/05/02 01:37
摘要:最新版本phonegap环境搭建    
         eclipse导入phonegap项目时项目名“MainActivity” 
        安卓手机调试环境
          
      首先,我要说的是《PhoneGap3.0移动应用开发实战详解》这本书是个专坑新手的大渣渣。但是我手上除了它并没有其他靠谱资料,这本书的出版日期是2015年1月,可是细细品读,你会发现,这本书写的内容应该是两年前的东西(安卓都6.0了,书上最新的sdk到4.4.2,不是渣渣是什么?是什么?!) 
        不过,这本书渣归渣,坑归坑,大体能给一个学习思路,比自己在网上跟无头苍蝇一样这看一点那看一点,还是比较省时间的,而且现在网上搜的中文资料多半也很陈旧,很少能搜到最近几个月,14年的帖子就算比较新的了。
        进入正题,jdk我用的1.7,就不多说了,eclipse我本来装了mars,为了能让移动项目和平台项目区分,为了能让安卓的ADT与开发工具结合的更完美……(主要是搂住我有强迫症)。我直接下载了谷歌的集成包,给出网盘地址http://pan.baidu.com/s/1eQHcSVK,网盘上有搭建环境所用的所有资源(我就是雷锋),只要按照如下步骤进行,应该是没问题的(这是楼主的血泪史)

1、shadowsocks(不要问我它是干什么的- -|| 请先安装这个,怎么用?自行百度, www.ishadowsocks.com楼主就是这么慈悲 )

2、安装Android sdk,网盘中   就是。 不要用谷歌的集成包中的sdk,原因很简单,谷歌已经N久没有对开发集成包做过更新了,人家真正的Androider都用 android studio,所以,这个包里的sdk Manager比较旧,楼主亲测,无法更新到最新版本(不排除网络原因,毕竟在大洋那头呢)。

安装完了之后应该是酱紫的:
因为楼主也是新手,所以这里只捡干货说,
AVD Manager.exe 这个是安卓模拟器,好奇可以打开看看,楼主亲测可用,但是慢的出翔,而且比如照相机等其他功能在模拟器上不太好实现,不推荐使用,连到自己手机上测更爽,后面讲。
SDK Manager.exe 就是这个东西,SDK管理器,打开它,下载你需要用的开发环境,楼主建议,找个网络环境好的时段,把能看到的东西全部下载下来,省的以后要用的时候现找,下载完了以后(时间可能过了一个下午……)你会发现总有那么介个sdk安装不上,如图,19.1哪个安装不上应该是版本过旧,下载链接出现了问题,23.0.1那个和23.1这两个版本只能选择安装器中一个,楼主亲测无数遍,确有此事,大家不必纠结了,目前也没发现有什么影响。


3、配置环境变量
新建ANDROID_HOME变量:    把sdk的目录贴上来就行
path变量:;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools 


4、安装ant 根据那本大渣渣,phonegap需要apache ant来编译工程,那就下载吧,
同样需要配置环境变量,
新建ANT_HOME变量:F:\apache-ant-1.9.6
path变量:;%ANT_HOME%\bin

安装配置完成后,一定要在cmd中检测下ant是否安装成功,出现下图,恭喜你,进入下一步


5、安装nodejs(这是目前来说最新的版本,网盘的资源是从官网下的,书上说,安装完成后要重启,其实不用)
安装完成后,在开始菜单里能看到 nodejs的文件夹,下面有一个叫nodejs command prompt的cmd,打开后看见

为什么要安装nodejs?据说现在Phonegap项目管理全靠nodejs中的npm,

6、安装phonegap
在刚才的窗口中输入 npm install -g phonegap (网上有说要安装cordova,我的理解是cordova就是phonegap另一个名字,内容和功能应该是一样的,不过安装的来源可能不同,后面如果用CORDOVA新建项目的话,结果与phonegap可能相同,但是过程还是略有区别,这个问题楼主并没有亲测,只是看了些文章后跟大家胡说罢了。)
如果,窗口中没有报错,就算是成功了。

7、新建phonggap项目
还是在刚才的窗口,输入如下指令,phonegap create 项目目录 包名 项目名称 
当看到“creating a new cordova project”时 项目已经生成成功,

接下来,进入你的项目目录

执行phonegap build android为你的项目添加平台,当出现“comleted 'cordova' build android”的时候,


进入目录,如果有以下两图内容,一个安卓平台的phonegap项目就创建好啦! 
 

8、下面开始咱们的开发工具eclipse配置
解压这个文件,里面有个sdk manager  之前已经说过了,不要用这个,忽略它,直接进入eclipse文件夹,找到可执行文件,运行。为什么要用这个eclipse,不用自己原先的eclipse ,除了楼主有强迫症之外,这个eclipse已经被谷歌集成了ADT(Android develop tool)不用再另外安装ADT插件了。有的机器可能弹出设置安卓sdk,有的就不会,楼主的就不会,菜单window--preferences--Android   设置SDK Location 点击apply,就出现了刚才花了半天时间下载的全部安卓sdk,这样,eclipse上的安卓sdk就算设置好啦

9、导入项目(此处有大坑,前方高能预警)
点击  file---new---project---android project from existing code ,选择刚才新建的项目目录
如果你的new project name一栏显示的不是MainActivity,恭喜你,据说这是最正常的情况,但是如果,你的new project name 显示的时 MainActivity,不要慌,楼主层在这里栽了两天,怎么会找不到办法呢~啊哈哈
方法一(楼主亲测不管用,但是有的人确实成功了,不妨一试),退回到eclipse的主界面,点击file--import--general---Exsisting project from workspace 然后选取项目目录,导入。

方法二(楼主亲测,管事!)还是接着  file---new---project---android project from existing code讲,到如图这一步,把所有钩钩都去掉,只保留第一个和第四个(黄色标出的那两个)然后导入。

这个时候左侧的项目浏览器里会出现两个项目,把第二个项目(原名应该是MainActivity)改名为项目自己的名称,
打开这个项目会看到src文件夹下面我们建项目时新建的那个包org.liyx.helloworld,这个包低下有MainActivity.java文件,不要改名,根据楼主的理解,这个文件应该是应用的入口文件。改了名之后项目就要报错。 ,到这一步,恭喜你,项目已经导入成功了,下面咱们测试一下

10、在手机上测试项目

打开MainActivity.java,并在里面替换这一段代码(主要是红色那两句)

 public void onCreate(Bundle savedInstanceState) 
    { 
        super.onCreate(savedInstanceState); 
         super.init(); 
        // Set by <content src="index.html" /> in config.xml 
         super.loadUrl("file:///android_asset/www/index.html"); 
    }

测试的方法有两种,之前也说过了,电脑上太慢,基本不能用哎,如果你一定要在电脑上用模拟器,点击这个按钮
         

这种方法我就不多说了,主要说下在手机上测试,

首先你要开启开发模式,怎么开呢?不同版本的安卓系统,方法不太一样,可以百度一下
楼主的手机是moto x pro 系统5.0,进入手机的设置--关于手机---狂按“版本号”(你可以狂点“Android版本”,有惊喜哦,一般人我不告诉呢)即可开启开发者模式
这个时候退回到设置的主菜单,在关于手机上面,多出来了一个选项,叫做“开发者选项”,进入里面,打开USB调试。

然后插上电脑,等驱动安装,手机这边就算准备好了,
再来准备电脑这边,首先你得确认,你下载了USB调试的SDK, 打开SDK Manager 看看是否安装了如下标黄的两个sdk,没装的话赶紧的吧

在eclipse 里,右键项目,run as --run configuration---target ---always prompt to pick devices


配置完了,试试吧,右键项目---run as android application


选择你的设备,ok

 

0 0
原创粉丝点击