什么是Phonegap呢?Phonegap是一個(gè)利用HTML5去開發(fā)App的框架??梢詾榘沧?、iOS、WP、黑莓、火狐等移動操作系統(tǒng)。采用HTML5來編寫交互界面。其優(yōu)點(diǎn)是編寫一次可以編譯到各種移動平臺上,大大為公司節(jié)省了開發(fā)周期。但是它也是有缺點(diǎn)的,性能比如原生的好,只能做一些簡單的APP,比如介紹公司的那種,或者網(wǎng)站客戶端。要是做游戲還是算了吧。
在MAC下安裝Phonegap環(huán)境要安裝很多種第三方的軟件。git,xocde,nodejs等等。
1.安裝GIT:http://www.git-scm.com/
2.安裝NODEJS:http://nodejs.org/(如果你安裝了舊版本的需要手動安裝npm,不過最新版的自帶了)
3.進(jìn)入終端命令行使用npm安裝cordova如下:
$ sudo npm install-g cordova
4.進(jìn)入你要?jiǎng)?chuàng)建的項(xiàng)目目錄,然后創(chuàng)建phonegap項(xiàng)目。
$ cordova create hello com.example.helloHelloWorld
輸入完這個(gè)命令后cordova程序會幫你創(chuàng)建hello文件夾,里面就是這個(gè)phonegap環(huán)境了。
5.創(chuàng)建xcode項(xiàng)目文件。要編譯App肯定是要用xcode的,沒有安裝就去App Store下載吧。
$ cd hello
$ cordova platform add ios
之后你用finder進(jìn)入子目錄就會看到platforms中得ios文件夾,接著你就運(yùn)行里面項(xiàng)目編譯即可。
6.環(huán)境算是有了,但是你要做項(xiàng)目還得需要調(diào)用很多系統(tǒng)的東西,比如攝像頭、系統(tǒng)信息、文件操作等等,或者第三方開發(fā)的插件??垂倬W(wǎng)文檔:
Basic device information (Device API): (設(shè)備信息插件)
$ cordova plugin add org.apache.cordova.device
Network Connection and BatteryEvents:(網(wǎng)絡(luò)連接插件)
$ cordova plugin add org.apache.cordova.network-information
$ cordova plugin add org.apache.cordova.battery-status
Accelerometer, Compass, and Geolocation:(陀螺儀)
$ cordova plugin add org.apache.cordova.device-motion
$ cordova plugin add org.apache.cordova.device-orientation
$ cordova plugin add org.apache.cordova.geolocation
Camera, Media playback and Capture:(攝像頭拍照錄制等)
$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.media-capture
$ cordova plugin add org.apache.cordova.media
Access files on device or network (File API):(訪問文件)
$ cordova plugin add org.apache.cordova.file
$ cordova plugin add org.apache.cordova.file-transfer
Notification via dialog box or vibration:(提醒)
$ cordova plugin add org.apache.cordova.dialogs
$ cordova plugin add org.apache.cordova.vibration
Contacts:(聯(lián)系人)
$ cordova plugin add org.apache.cordova.contacts
Globalization:
$ cordova plugin add org.apache.cordova.globalization
Splashscreen:
$ cordova plugin add org.apache.cordova.splashscreen
Open new browser windows (InAppBrowser):
$ cordova plugin add org.apache.cordova.inappbrowser
Debug console:
$ cordova plugin add org.apache.cordova.console
