今天學習了下文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中目錄結構: