今天學(xué)習(xí)了下文Phonegap,那么什么是Phonegap?
Phonegap是一個(gè)利用HTML5去開發(fā)App的框架藕施】芩穑可以為安卓、iOS裳食、WP矛市、黑莓、火狐等移動(dòng)操作系統(tǒng)诲祸。采用HTML5來編寫交互界面浊吏。
優(yōu)點(diǎn):
是編寫一次可以編譯到各種移動(dòng)平臺(tái)上,大大為公司節(jié)省了開發(fā)周期救氯。
缺點(diǎn):
性能比如原生的好找田,只能做一些簡單的APP,比如介紹公司的那種着憨,或者網(wǎng)站客戶端午阵。要是做游戲還是算了吧。PhoneGap集成多了個(gè)平臺(tái).程序的載入和UI界面的反應(yīng)都比原生的程序慢享扔,UI反應(yīng)延時(shí)——這是個(gè)致命傷 .它實(shí)際上還是在展示W(wǎng)eb頁面,所以載入植袍、頁面刷新等肯定是需要一定時(shí)間的惧眠。 這在用戶體驗(yàn)上來說PhoneGAp依然無法替代原生應(yīng)用程序。
另外于个,html氛魁、javascript、css都運(yùn)行在各平臺(tái)內(nèi)置瀏覽器webkit之上厅篓,受到webkit處理速度影響秀存。目前來說運(yùn)行速度比較慢,性能較差羽氮。
在MAC下安裝Phonegap環(huán)境要安裝很多種第三方的軟件或链。git,xocde,nodejs等等!
1.安裝GIT:http://www.git-scm.com/
2.安裝NODEJS:http://nodejs.org/
3.進(jìn)入終端命令行使用npm安裝cordova 代碼如下:
$ sudo npm install -g cordova
4.進(jìn)入你要?jiǎng)?chuàng)建的項(xiàng)目目錄,然后創(chuàng)建phonegap項(xiàng)目档押。
5.進(jìn)入剛才已經(jīng)創(chuàng)建的項(xiàng)目中澳盐,這時(shí)候可以添加插件或是添加平臺(tái),無先后順序。
$ cd hello
$ cordova platform add ios
6.添加插件(根據(jù)需求添加)
添加插件命令 cordova plugin add *
設(shè)備信息插件:
cordova plugin add org.apache.cordova.device
網(wǎng)絡(luò)連接插件:
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
聯(lián)系人:
cordova plugin add org.apache.cordova.contacts
全球化:
cordova plugin add org.apache.cordova.globalization
閃屏(啟動(dòng)畫面):
cordova plugin add org.apache.cordova.splashscreen
打開新的瀏覽器 (InAppBrowser):
cordova plugin add org.apache.cordova.inappbrowser
調(diào)試主控制臺(tái):
cordova plugin add org.apache.cordova.console
7.打開Finder令宿,shift+command+G打開前往文件夾輸入platforms/ios叼耙,編譯運(yùn)行HelloWorld.xcodeproj即可。
注:platforms/ios文件夾中的分布情況如下圖
8.最終結(jié)果:
9.Xcode中目錄結(jié)構(gòu):