今天學習了下文Phonegap,那麼什麼是Phonegap? Phonegap是一個利用HTML5去開發App的框架。可以為安卓、iOS、WP、黑莓、火狐等移動作業系統。採用HTML5來編寫互動介面。 優點: 是編寫一次可以編譯到各種移動平臺上,大大為公司節省了開發週期。 缺點: 效能比如原生的好,只能做一些簡單的APP,比如介紹公司的那種,或者網站客戶端。要是做遊戲還是算了吧。PhoneGap整合多了個平臺.程式的載入和UI介面的反應都比原生的程式慢,UI反應延時——這是個致命傷 .它實際上還是在展示Web頁面,所以載入、頁面重新整理等肯定是需要一定時間的。 這在使用者體驗上來說PhoneGAp依然無法替代原生應用程式。 另外,html、javascript、css都執行在各平臺內建瀏覽器webkit之上,受到webkit處理速度影響。目前來說執行速度比較慢,效能較差。
在MAC下安裝Phonegap環境要安裝很多種第三方的軟體。git,xocde,nodejs等等!
1.安裝GIT:http://www.git-scm.com/
2.安裝NODEJS:http://nodejs.org/
3.進入終端命令列使用npm安裝cordova 程式碼如下:
$ sudo npm install -g cordova
複製程式碼
4.進入你要建立的專案目錄,然後建立phonegap專案。
5.進入剛才已經建立的專案中,這時候可以新增外掛或是新增平臺,無先後順序。
$ cd hello
$ cordova platform add ios
複製程式碼
6.新增外掛(根據需求新增)
新增外掛命令 cordova plugin add *
裝置資訊外掛:
cordova plugin add org.apache.cordova.device
網路連線外掛:
cordova plugin add org.apache.cordova.network-information
cordova plugin add org.apache.cordova.battery-status
陀螺儀:
cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.device-orientation
cordova plugin add org.apache.cordova.geolocation
攝像頭拍照錄制等:
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.media
訪問檔案:
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
提醒:
cordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.vibration
聯絡人:
cordova plugin add org.apache.cordova.contacts
全球化:
cordova plugin add org.apache.cordova.globalization
閃屏(啟動畫面):
cordova plugin add org.apache.cordova.splashscreen
開啟新的瀏覽器 (InAppBrowser):
cordova plugin add org.apache.cordova.inappbrowser
除錯主控制檯:
cordova plugin add org.apache.cordova.console
複製程式碼
7.開啟Finder,shift+command+G開啟***前往資料夾***輸入platforms/ios,編譯執行HelloWorld.xcodeproj即可。
注:platforms/ios資料夾中的分佈情況如下圖
8.最終結果:
9.Xcode中目錄結構: