PhoneGap开发环境搭建

 

——快速搭建一个命令行生成APK文件系统

 

“快速”，对，这里总结的是如何快速搭建一种基于Android系统的跨平台应用生成系统的操做过程。立马就能让你开发的WebApp像Native App同样能够下载、安装和上传。

安装前根据本身的状况选择所须要的硬性条件，例如：

一、Mac笔记本。

二、VirtualBox是一款免费的虚拟机)在官网下载）。

三、Ubuntu安装镜像文件（www.ubuntu.com下载）。

在Mac电脑上安装VirtualBox虚拟机，而后在虚拟机上安装Ubuntu系统，网上的安装步骤讲的很详细，操做也很容易。接下来的应用生成系统就在这个Ubuntu系统上搭建。

1、下载安装JDK

 JDK是Java语言的软件开发工具包，不一样的操做平台有不一样的安装方法，安装步骤都很简单。用于部署平台的JDK包能够从官网上下载。(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)，这里下载jdk-7u7-linux-i586.tar.gz。在Ubuntu系统文件usr中新建一个java文件目录，而后在将刚刚下载的压缩文件复制到java文件中，解压以后获得一个jdk1.7.0_07文件，操做过程以下图一所示。

 

图 一

环境配置，命令行进入etc目录下的.brachrc/profile等文件，以下图二所示。

 

图 二

将图三所示代码复制到该文件中退出保存。这段代码包括下面要说的sdk和ant安装后的环境配制。

图 三

小提示：编辑完以后按ese+:，在按w表示保存，按q表示退出。

验证是否安装成功，按以下操做，若出现版本号是刚刚安装的，则表示安装成功，以下图四所示。

 

图 四

 

2、下载/在线安装ANT

 Apache ant，是一个将软件编译、测试、部署等步骤联系在一块儿加以自动化的一个工具。在Ubuntu系统上它的安装便可下载安装包安装也能够在线安装。都很简单，这里我在官网下载了它的安装包，apache-ant-1.9.4-bin.tar.gz。我将它解压在/usr/java/Mobile_Phone_DEV目录下，这里Mobile_Phone_DEV是我以前新建的一个空目录。解压以后一样要配制环境，而后查看安装是否成功，

操做过程以下图五所示。

 

图 五

配制环境过程如上JDK配制所示。

查看是否安装成功，以下图六所示。

 

图 六 

 

3、下载安装Android SDK

SDK就是开发包，里面包含了两个大类命令行工具：一类是SDK Tools，如android、ddms和emulator等等，这些命令位于tools目录，android用来建立一个Android工程，emulator是用来启动模拟器；另外一类是Platform Tools，包含了如adb等，位于platform-tools目录。adb是用来将Apk文件安装到模拟器上。

       开始安装SDK，这里我从官网上一样下载了安装包android-sdk_r23.02-linux.tgz。将它解压到/usr/java/Mobile_Android目录下。这里Mobile_Android目录是我以前新建好的。接下来一样配制环境。环境配制过程如上JDK配制的内容。

 

4、建立Android AVD（Android Virtual Device )

Android运行的虚拟设备，他是Android的模拟器识别。创建的Android要运行，必须建立AVD，并且每一个AVD上能够配置不少的运行项目。

 在建立 AVD以前，你必须先下载Android设备，进入JDK的tools目录，利用android命令来安装。以下所示。

android

      这时系统会弹出框让你选择须要下载的版本号，而后自动下载，若是你的硬件够牛逼的话，你能够选择下载你所须要测试的任何设备进行下载，如有真实测试设备的话，能够将应用文件下载到手机上来测试，这时候你就不要花这么多时间来下载它了，固然，这里是假设我们下载了某一个版本，因此才要建立AVD，操做过程以下图七所示。

 

图 七 

 

5、命令行生成基于Android平台的PhoneGap应用文件

 这里须要分两个步骤。

一、linux下如何建立Android新工程

命令行进入/usr/java/Mobile_Android/android-sdk-linux/tools，而后在当前目录下运行./android create project -k 工程包名 -n 工程名 -t 模拟器编

号 -a 子类名 -p 路径。以下图八所示：

 

图 八

        固然，这个工程是能够直接生成应用文件的，不过它是一个Native App项目，要搭建一个Hybrid App环境，还得进行少数几个操做。

二、ant命令生成基于Android平台的PhoneGap应用文件

 在Android工程项目的基础上进行以下几个操做配制。

1)     在工程项目中创建两个文件夹/libs和/assets/www。

2)     把PhoneGap中Android目录下的cordova.js拷贝到/assets/www下，把同目录下的cordova.jar拷贝到/libs下。

3)     复制PhoneGap中Android目录下的xml文件夹到/res下。

4)     Android默认的项目是针对Native App的，因此要用Web App的话，必须修改它的引用文件。

5)     引用加载cordova.jar。

6)     修改src文件下的java文件，去掉import部分的important android.app.Activity；并加上import org.apache.cordova.*。

7)     修改src文件下的java文件，把class extends 的activity改DroidGap。

8)     修改src文件下的java文件，把setContentView() 改为下面一行代码。

super.loadUrl(“ file:///android_asset/www/index.html”)

9)     在AndroidManifest.xml中添加权限代码。代码在附录中，这里不列。

 配制好这些以后，最终的文件结构以下图九所示。

 

图 九

        这样写下来，好像步骤还不少，不用担忧，这里咱们能够直接用PhoneGap自带的配制好的Android工程。上面讲的过程这里均可以省略。固然，这个时候在项目目录下运行ant debug时，会生成一个调试的APK文件，若是应用最终要发布的话，咱们还得生成一个加密的发行版应用文件。

 

6、 生成发行版应用所需的密钥

          这里的使用的PhoneGap+Android工程是直接采用下载PhoneGap开源软件包自带的一个Android工程。名为example，能够直接复制到位置/home/zhengwenping/目录下,而后在这个项目中创建两个文件夹bin和key目录。由于这个项目不是咱们命令行新建的Android工程项目，因此还必须得更新此项目才能在项目中生成如下另外三个文件。命令进行进入SDK下的tools 目录，执行命令以下图十所示。

 

图 十

执行后会立马在项目文件中生成三个文件build.xml、ant.properties、local.properties。

利用基于Java的Keytool进行密钥生成，首先要用命令进入含有Keytool工具的Java安装文件中，而后执行文件生成命令。以下图十一所示。

 

图 十一

       执行以上步骤后就会在当前目录下生成一个key.net文件(在执行过程当中需输入密码，这个密码要本身设定，须要记录下来，而后将其复制到以前的工程example/key目录下(当前位置执行命令cp   key.nethome/zhengwenping/example/key)，接着打开example工程项目目录，将以下两行代码加入到ant.properties文件中。

key.store = key/key.net

key.alias = key.net

       命令行进入项目位置，执行命令ant release，在项目目录中bin文件下就能生成一个release版的APK文件，以下图十二所示

 

 图 十二

最后将它下载安装在Android设备上，以下图所示：

 

 

 

欢迎 扫描 加入前端问题讨论公众号 拥有更多前端内容分享