PhoneGap開發環境搭建

 

——快速搭建一個命令行生成APK文件系統

 

「快速」,對,這裏總結的是如何快速搭建一種基於Android系統的跨平臺應用生成系統的操做過程。立馬就能讓你開發的WebApp像Native App同樣能夠下載、安裝和上傳。html

安裝前根據本身的狀況選擇所須要的硬性條件,例如:前端

一、Mac筆記本。java

二、VirtualBox是一款免費的虛擬機)在官網下載)。linux

三、Ubuntu安裝鏡像文件(www.ubuntu.com下載)。android

在Mac電腦上安裝VirtualBox虛擬機,而後在虛擬機上安裝Ubuntu系統,網上的安裝步驟講的很詳細,操做也很容易。接下來的應用生成系統就在這個Ubuntu系統上搭建。apache

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文件,操做過程以下圖一所示。ubuntu

 

圖 一oracle

環境配置,命令行進入etc目錄下的.brachrc/profile等文件,以下圖二所示。app

 

圖 二工具

將圖三所示代碼複製到該文件中退出保存。這段代碼包括下面要說的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設備上,以下圖所示:

 

 

 

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