zoukankan      html  css  js  c++  java
  • Cordova webapp实战开发:(4)Android环境搭建

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

    JAVA环境 

    1. 安装JAVA JDK
    2. 打开我的电脑--属性--高级--环境变量 
      • 新建系统变量JAVA_HOME,变量名:JAVA_HOME ,变量值:C:Program FilesJavajdk1.7.0
      • 新建系统变量CLASSPATH,变量名:CLASSPATH ,变量值:.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;
      • 选择“系统变量”中变量名为“Path”的环境变量,双击该变量,在原来变量后追加 ;%JAVA_HOME%in
    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-toolsadt-bundle-windows-x86_64-20140321(你可以自己随便放在哪个盘符


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

    • 新建系统变量ANDROID_HOME,变量名:ANDROID_HOME,变量值:E:dev-toolsadt-bundle-windows-x86_64-20140321sdk
    • 选择“系统变量”中变量名为“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  PhoneGap App实战开发 )中有人介绍了通过更改下载源可以解决,如果你知道的话,可以在本文回复一下,与大家分享一下。

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

    下面我们来做一个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大小版本号的插件

      

    PhoneGap App开发 477842664 Cordova App实战开发2 

     

  • 相关阅读:
    087 类的继承
    086 一切皆对象
    085 对象的绑定方法
    在菜鸟教程学 HTML(一)
    生成输出 URL(16.2)
    创建分部视图(7.6.3)
    显示页面链接(7.5.1)
    NuGet 控制台代码
    浏览器对应用程序的根URL发出请求时所发生的情况(结合 DI)
    第 6 章 —— 依赖项注入(DI)容器 —— Ninject
  • 原文地址:https://www.cnblogs.com/zhoujg/p/4560998.html
Copyright © 2011-2022 走看看