PhoneGap學習筆記(2)--新增專案

Phonegap 學習記錄筆記

透過Phonegap官網提供的不完整安裝方法安專完之後就可以開始專案了





1.開啟命令題是字元，移動到你要新增專案的路徑下

cd /User/User_name/


2.新增PhoneGap專案

cordova create hello com.example.hello hello

紅字部分可以自己更改專案名稱


3.移動到新增的專案底下

cd /hello

4.加入Android SDK (頻果或是Windows手機會有不同)

cordova platform add android

5.加入擴充的  PhoneGap Plugin (這邊列出之前專案時有加入的)


    5-1.Qrcode掃描:
    cordova plugin add com.phonegap.plugins.barcodescanner

    5-2.Facebook登入連結:
    cordova -d plugin add https://github.com/phonegap/phonegap-facebook-plugin.git --variable
    APP_ID="XXXXXXXXX" --variable APP_NAME="NNNNNNNNNNNN"

    備註:
    APP_ID:要到Facebook Develop的Apps裡面去新增一個Facebook的APP
    安裝完成之後用Eclipse打開後，
    要把android-support-v4.jar檔案複製到專案底下，不然會出現錯誤

    5-3.Google Map Plugin 地圖
    cordova plugin add plugin.google.maps 
    API_KEY_FOR_ANDROID="XXXXXXXXXXXXXXXXXXX"
    ※建議直接使用Google Map Javascript 去開發，不要透過這套Plugin※



    5-4.Phonegap官網上幾個比較常會需要安裝的Plugin

    cordova plugin add org.apache.cordova.camera 0.3.0 ==>相機驅動

    cordova plugin add org.apache.cordova.device 0.2.10 ==>基本手機功能

    cordova plugin add org.apache.cordova.device-motion 0.2.8 "Device Motion"

    cordova plugin add org.apache.cordova.dialogs 0.2.8 ==>對話視窗

    cordova plugin add org.apache.cordova.file 1.2.0

    cordova plugin add org.apache.cordova.geolocation 0.3.8 ==> GPS

    cordova plugin add org.apache.cordova.inappbrowser 0.5.0 ==>開啟瀏覽器

    cordova plugin add org.apache.cordova.media 0.2.11 "Media"

    cordova plugin add org.apache.cordova.media-capture 0.3.1 "Capture"

    cordova plugin add org.apache.cordova.vibration 0.3.9 "Vibration"

6.查詢加入哪些Plugin
cordova plugin list


7.complete專案
cordova build

8.執行專案
cordova run android



不知道為什麼，如果安裝Facekbook plugin 就會沒辦法執行 cordova run android。
變成必須透過Eclipse把專案import進去然後直行