码迷,mamicode.com
首页 > 移动开发 > 详细

Cordova webapp实战开发:(4)Android环境搭建

时间:2015-06-10 21:02:06      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:

在《Cordova webapp实战开发:(3)后面可能会学到的东西》中我们说了一下后续大致包括的内容,今天我们继续。上周我在掌中广材集成了友盟的社交分享,今天想集成iOS应该很顺利的,但是只要一加入libSocialQQ.a就错。我对iOS也不太熟,没找到原因,头晕了,写一篇博客权当休息一下。今天我们就来搭建一下Android环境,并编写一个hello world吧。准备好了吗?Web app开发旅程即将正式开始了.......

JAVA环境 

  1. 安装JAVA JDK
  2. 打开我的电脑--属性--高级--环境变量 
    • 新建系统变量JAVA_HOME,变量名:JAVA_HOME ,变量值:C:\Program Files\Java\jdk1.7.0
    • 新建系统变量CLASSPATH,变量名:CLASSPATH ,变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
    • 选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 ;%JAVA_HOME%\bin
  3. 现在测试环境变量的配置成功与否。在DOS命令行窗口输入“JAVAC”,输出帮助信息即为配置正确。如图:
    技术分享

Android环境

1. 下载Andorid SDK以及Eclipse
  如果你想通过Eclipse来开发Andorid应用程序,在你配置好了JDK变量环境之后可以安装Eclipse之后下载Android SDK(Software Development Kit)并在Eclipse中安装ADT插件,这个插件能让Eclipse和Android SDK关联起来。为了更加方便,在Andorid SDK下载中会包括SDK以及一个可以直接使用的Eclipse。

     写blog,我不能保证文章的内容在以后也能使用,包括下载地址和链接,但我既然写了,就要有责任保证现在的是能用的。以前下载地址是在Android SDK,大家可以根据自己的系统选择相应的系统版本下载。不过

今天我写这篇文章的时,不知是我网络原因还是其他的,总之不能访问,所以我在我的百度网盘放了一个之前下载的SDK压缩包,大家可前往下载:http://pan.baidu.com/s/1gdgur2j。下载完后,我把这个压缩包解压到E:\dev-tools\adt-bundle-windows-x86_64-20140321(你可以自己随便放在哪个盘符
技术分享

2. 环境变量的配置
在JAVA环境配置中,我们做了一步环境变量的配置,对于android的开发人员来说,我们首先要做的也是环境变量的配置。
打开我的电脑--属性--高级--环境变量 

  • 新建系统变量ANDROID_HOME,变量名:ANDROID_HOME,变量值:E:\dev-tools\adt-bundle-windows-x86_64-20140321\sdk
  • 选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
  • 现在测试环境变量的配置成功与否。在DOS命令行窗口输入“adb”,输出帮助信息即为配置正确。如图:
    技术分享

Cordova环境

Apache Cordova官网上有明确的建立步骤,具体说明在 The Command-Line Interface  中。

  1. 安装NodeJS
    技术分享
  2. 下载安装一个 git客户端
  3. Window下行执行命令行:

    npm install -g cordova
    

    Mac下执行命令行

    $ sudo npm install -g cordova
    

    我现在的电脑已经存在Cordova项目,但是安装环境却没有了。为了写这篇文字,我又重新安装cordova,在命令行下输入
    技术分享
    同样,仍旧非常慢,别急,耐心点,不要中断执行,出去跑5公里之后再回来看看是否安装成功了。本来这篇博文是昨天发布的,只是这一步一直未完成,今天一大早又再试了试,很快就完成了。
    安装成功的样子是这样的:

    技术分享
    如果你真的很着急,就要明白下载慢的原因了。下载慢是因为源的问题,如果等不及可以使用其它源。我看在PhoneGap App开发QQ群(348192525  技术分享 )中有人介绍了通过更改下载源可以解决,如果你知道的话,可以在本文回复一下,与大家分享一下。

敏捷个人,快乐、平衡、高效 

下面我们来做一个Hello world示例

1. 新建一个项目,执行命令行 cordova create agileme cn.zhoujingen.agileme AgileMe , 如果安装有问题可以后面加上 –d启动查看执行详细信息。下载类库时间有点长,我大概等了10几分钟吧,你也耐心点,不要中断执行。我第一次就是因为不想等了,然后中断,导致后面步骤失败,不得已删除下载的类库目录文件再次执行此步骤

技术分享

error:please install android target: "android-22".

技术分享

老老实实打开Andorid SDK Manager下载最新Tools吧

技术分享

不过要用代理才能下,算了,我直接用我以前做的代码做了一个Demo源码打包,使用的是Cordova3.几的版本。Andorid示例下载地址:webapptest.zip

至于如何使用Eclipse导入项目我就不说了,不知道的就网上找找,或者在群里问问大家吧

技术分享

你可以在虚机上运行,

技术分享

技术分享

不过Andorid虚机很慢,我一般连接真机测试机 

 技术分享

直接按运行,选择Andorid Application后,就会显示出主界面了

技术分享

 

如果你看到这个界面了,恭喜你,你的成功迈进了一步。

 

预习作业

第一次写一步一步的,感觉自己是不是写的太简单了

  1. 下载Cordova自带的notication插件,跑一跑
  2. 自己做一个获得App大小版本号的插件

 

 

如果你对以上内容感兴趣,那就继续关注吧,依旧如此,喜欢这个系列的就点赞,点的越多,更新就会越快,超过20个赞和20个回复后,开始写下一篇,欢迎你写下你想要我写的内容

 

PhoneGap App开发 348192525  技术分享 

 

Cordova webapp实战开发:(4)Android环境搭建

标签:

原文地址:http://www.cnblogs.com/zhoujg/p/4560998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!