环境

  • ubuntu 12.04.1 LTS x86_64

  • android sdk r21.0.1 linux

  • phonegap 2.3.0 or cordova 2.3.0

说明

  • 由于公司项目需要，领导安排了解下Web移动开发的相关知识，了解到移动开发的框架很多，先从PhoneGap Android开始吧。本人对Android、JAVA、PhoneGap相关基础知识不了解，边学边用，以至于一开始出现很多问题，反复查阅资料才得以解决，以下有相关记录

  • 不用Eclispe，命令行方式操作

安装基本Android开发环境

  • 首先安装必要依赖软件包，仔细看看 android官网的SYSTEM REQUIREMENTS
    glibc (>=2.7版本)一般都已经装好了，没有就补上
    sudo apt-get install ia32-libs #64位系统的32位程序兼容库adb需要此库(32位系统的当然略过此步骤)
    sudo apt-get install openjdk-7-jdk #java环境，安装开源的jdk，或者安装sun官方jdk，也有说只安装jre就行，但是官网上有句话(JRE alone is not sufficient)，防止以后有什么问题，还是装jdk(安装jdk会自动安装jre)，还有官网是说jdk6，有问题再换吧，安装多个版本JAVA的注意指定JAVA_HOME、CLASSPATH等环境变量，以免找不到java。
    sudo apt-get install ant # apache ant ，java打包器

  • 然后按照 android官网的指导 一步一步操作，我选择的是下载独立的SDK tools，命令行操作，省掉那个Eclispe，所以我参考 Setting Up an Existing IDE 。
    tar zxvf path/to/android-sdk_r21.0.1-linux.tgz -C ~/Development/
    接下来， Adding Platforms and Packages ，用SDK Manager安装必要的开发工具及平台
    cd ~/Development/android-sdk-linux/tools/
    ./android sdk
    选中Tools及你需要的android版本(我选的2.3.3)，同时确保最新版的API及Android Support Library是选中状态
    为了以后方便，将~/Development/android-sdk-linux/tools/及~/Development/android-sdk-linux/platform-tools/加入环境变量，编辑/etc/environment或者~/.bashrc，想立刻生效的话执行 source /etc/environment(或~/.bashrc)

  • 写个hello world测试下(命令行模式)， Building Your First App
    android list targets #查看可用平台
    android create project –target 1 –name MyFirstApp –path ~/Development/android-project/MyFirstApp –activity MainActivity –package com.example.myfirstapp #创建一个项目，1是平台id，注意参数是2个连续的-
    ll ~/Development/android-project/ #可以看到创建的MyFirstApp项目文件夹
    跑一下看看成果， Running Your App ，根据你的要求可能需要修改默认生成的项目文件，参考官网文档
    android avd #点击New，选择一个设备创建模拟器，完了点击Start启动模拟器
    如果在真实设备上运行，连接电脑，开启USB调试模式
    cd ~/Development/android-project/MyFirstApp
    ant debug #debug模式打包
    adb install bin/MyFirstApp-debug.apk #用adb安装到模拟器
    顺利的话，应该在模拟器中看见一个MainActivity的程序，点开看看….

安装PhoneGap环境

  • 特别说明 ：坑爹的官方指导( Getting Started with Android 、 PhoneGap Wiki 、Command-Line Approach )对应的是老版本，新版本有很多调整，所以导致完全按官方指导操作，一路报错，还有官方说明中是用的 apache cordova ，一开始搞不清楚这个cordova和phonegap的区别和关系，百度得知，cordova是(adobe)phonegap贡献给Apache的开源核心引擎代码，有点类似于webkit和chrome的关系，从apache下载的cordova压缩包是核心引擎的源代码，需要经过以下步骤生成phonegap的类库及相关文件(这一点官方指导完全未做说明)，而从PhoneGap官网下载的压缩包是打包好的，可以直接用，所以这2种方式二选一即可，可以直接用PhoneGap，为了探清事实真相，我还是按照cordova中android部分的README.rd操作了一遍( 再次提醒如果用PhoneGap，下面的这一部分操作是不需要的 )，结果和使用PhoneGap完全一样(但是框架目录本身(不是指生成的项目)的结构不同，这个就不深究了)。
    下载 Apache Commons Codec 后解压缩
    下载 Apache Cordova 后解压缩，只要其中的android部分
    按照android部分的README.md指示操作
    cd path/to/cordova-android/frameworks/
    mv path/to/commons-codec-1.7.jar ./libs/ #目录不存在则创建
    android update project -p . -t android-17
    ant jar #看输出日志可以知道生成了framework/bin/classes.jar和framework/cordova-2.3.0.jar，这正是phonegap包里生成好了的

  • 创建项目测试下
    cd ~/Development/
    unzip path/to/phonegap-2.3.0.zip #解压缩phonegap，或者用从apache下载的cordova-2.3.0-src.zip，解压缩后需要按照各平台里的README.md操作以生成必要的类库
    ./bin/create ~/Development/android-project/MyFirstPhoneGapApp com.example.myfirstphonegapapp MyFirstPhoneGapApp
    cd ~/Development/android-project/MyFirstPhoneGapApp
    ll ./cordova #看到这里的命令有些变化，和官方指导中的不一样
    ./cordova/build #官方指导中是 ./cordova/debug
    ./cordova/run #官方指导中是 ./cordova/emulate
    顺利的话会自动开启你的模拟器并运行你的第一个程序，你应该看到一个写着Apache Cordova device is ready的程序界面。

结束语

  • 至此，这个基本的Android、PhoneGap的开发环境就算搭建完毕，剩下的就是开发的事情了。