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設備上，以下圖所示：

 

 

 

歡迎 掃描 加入前端問題討論公衆號 擁有更多前端內容分享