新手的第一個phonegap Android應用

對PhoneGap開發感興趣的請加入羣 PhoneGap App開發 348192525  

    

手機成爲如今軟件應用必不可少的一種設備，然而手機平臺的不統一形成咱們須要爲不一樣手機重寫代碼，這對通常應用來講也許稱得上是一種浪費，那有沒有能夠只寫一套代碼就能在不一樣手機上使用呢？今天準備開始作一個phonegap應用學習一下。

下面我將簡要的介紹編寫過程，若是你也不是初學者，那麼就忽略這篇文章：）

phonegap介紹

官方網址：http://phonegap.com

08年一次ios開發者大會上來自Nitobi軟件公司的幾個傢伙突發奇想，提出一個想法，想作一個工具來彌補web和ios開發之間的不足，並提出 Bridging the gap between the web and the iPhone sdk。一開始的目標並非很大，可是作到了如今的 written once,run everywhere。咱們不少人作事其實也應該這樣，一開始不要把目標弄得那麼大，跳一步可以上就好，這也是敏捷我的制定目標的一個原則。若是一會兒目標太大，你會由於難以實現而給本身找理由，這樣到頭來你什麼都沒有。

09年他們推出android adk和blackberry sdk，成了移動開發者的福音，就連ibm也加入進來。phonegap繼續成長，在11年10月，整個Nitobi團隊被adobe收購，隨後adobe把 phonegap送給了apache軟件基金會，接着apache把phonegap更名爲cordova，cordova是Nitobi團隊當時坐落的街道名稱，用此名來記念Nitobi團隊的貢獻。

PhoneGap是一款開源的手機應用開發平臺，它僅僅只用HTML和JavaScript語言就能夠製做出能在多個移動設備上運行的應用。 PhoneGap將移動設備自己提供的複雜的API進行了抽象和簡化，提供了一系列豐富的API供開發者調用，只要你會HTML和Javascript或 者Java語言，就能夠利用PhoneGap提供的API去調用各類功能，製做出在各類手機平臺(iPhone，Android ，BlackBerry，Symbian，Palm，Window Phone)上運行的應用。目前phonegap得到Apple,IBM,NOKIA,palm等衆多公司的支持。簡單來講使用PhoneGap就是使用HTML,JavaScript和CSS來開發程序，最終經過PhoneGap能夠產生對應版本的native 程序。

誰在使用PhoneGap

支持平臺

Apache Cordova框架

2011年10月，Adobe收購了Nitobi Software和它的PhoneGap產品，而後宣佈這個移動開發框架將會繼續開源，並把它提交到Apache Incubator，以便徹底接受ASF的管治。PhoneGap的項目主管Brian LeRoux指出開源PhoneGap的決定在Adobe收購Nitobi以前就作出了，因爲Adobe如今擁有PhoneGap商標，他們不得不換個名 字。第一個選中的名字是Callback，毫無創意，所以再改一次，產品如今叫Apache Cordova。Apache Cordova是PhoneGap貢獻給Apache後的開源項目，是從PhoneGap中抽出的核心代碼，是驅動PhoneGap的核心引擎，你能夠把他想象成相似於Webkit和Google Chrome的關係。

網址：http://cordova.apache.org/

Cordova supports Android 2.2, 2.3, and 4.x.

------------------------------------

如下使用cordova-3.1.0

準備

1. 安裝JAVA JDK
2. 安裝Eclipse
3. 安裝Android SDK，根據本身的系統選擇相應的系統版本下載，下載解壓或安裝後運行SDK Manager.exe , 下載4.2 SDK，不然後續不能使用命令行建立項目
4. 安裝ADT。選擇eclipse菜單Help下的【install New Software】，輸入https://dl-ssl.google.com/android/eclipse/
   
5. 安裝NodeJS
   

6. 命令行執行npm install -g cordova 

   這一步我安裝不成功,返回錯誤.根據錯誤log中的一些字搜索了一下關鍵字npm ERR!  node_modules\npm\node_modules\npm-registry-client\lib\request.js:238:23)  ,網上說有是代理服務器的問題,我也不懂,猜多是權限問題,因而試試網頁訪問https://github.com 後登陸再安裝試試,居然好了,緣由不明.

7. 新建一個項目，執行命令行 cordova create yw com.glodon.yw YW , 若是安裝有問題能夠後面加上 –d啓動查看執行詳細信息。下載類庫時間有點長，我大概等了10幾分鐘吧，你也耐心點，不要中斷執行。我第一次就是由於不想等了，而後中斷，致使後面步驟失敗，不得已刪除下載的類庫目錄文件再次執行此步驟
   
8. cd yw 後，執行 cordova platform add android顯示我沒有安裝4.2 SDK，難道如今的cordova版本支持最低是4.2？先無論了，返回第3步驟執行下載4.2 SDK。這個步驟一開始也須要下載類庫，再等等，這個時間比上面的時間短一些：）

   
   

9. 新建一個模擬器，而後執行cordova emulate android  則可打開模擬器。
   
   

10. build項目:    cordova build
11. 增長插件：    cordova plugin add org.apache.cordova.camera    //攝像頭
　　            cordova plugin add org.apache.cordova.dialogs    //通知、震動
                 cordova plugin add org.apache.cordova.vibration

12. 你能夠在Eclipse中新建一個Android項目，而後選擇從已有代碼中新建，選擇前面命令行新建的目錄。以後就能夠在Eclipse中去工做了。
    

     

使用二維碼插件

想在項目中使用二維碼掃描，找了一下，發現已經有這個插件，地址：https://github.com/wildabeast/BarcodeScanner ，按照它的readme，網上也找了很長時間的使用說明，可是由於框架插件機制更改，找到的都是代碼片斷，始終不能運行。因而看了一下源碼，終於搞定，下面把使用說明簡單說一下，這樣新手們能夠不用像我這樣走彎路了。

1. 在https://github.com/wildabeast/BarcodeScanner 下載插件代碼
   
2. 從已有代碼新建一個項目，選擇android目錄
   
3. 在項目的屬性頁 的【android】頁籤勾選【is library】，在Reference中【add】前面假的CaptureActivity項目
   
4. 把插件代碼文件\src\android\com\phonegap\plugins\barcodescanner\BarcodeScanner.java 加入到項目中
   
5. 更改config.xml
   
6. 把源碼中的www\barcodescanner.js 文件加入到 asserts\www下，但須要更改一下代碼
   
7. 在頁面調用二維碼掃描功能
   

 

 

我是phonegap 新手，初來乍到，上面有不對的地方請多指教。

 

轉載於：http://www.zhoujingen.cn/blog/aboutme