最近公司準備開發一個移動應用,方便起見準備開發web項目,用PhoneGap打包成iOS與Android平臺的應用。對PhoneGap徹底不瞭解,因此先裝個試下。折騰了大半天,總算弄出點兒眉目,整理下以備查。html
1、環境說明node
系統:OS X Yosemiteios
開發環境:Xcode 6.4web
2、安裝PhoneGapnpm
一、首先下載安裝 node.js,node.js應該使用0.10.x的版本,高於這個版本的沒法安裝PhoneGap。xcode
二、在控制檯執行:app
$ sudo npm install -g phonegap
code
$ sudo npm install -g cordova
orm
3、建立項目htm
在控制檯執行:
$ cordova create app com.example.myapp mypp
【在這一步中,app中項目目錄,com.example.myapp是Bundle Identifile,最後一個myapp是項目名】
$ cd app
$ cordova platform add ios
這樣就會在app/platforms/中建立ios目錄,在裏面建立相應的xcode項目,就可使用Xcode打開項目了。
運行項目,正常!覺得到這兒就算折騰完了!試着改了下項目中的index.html,再運行,咦?沒變化!再試,仍是沒用。在項目導航中試着添加了新的文件夾與頁面文件,將索引頁修改成新建的頁面,總算有點兒變化了:ERROR:Start Page at 'test/index.html' was not found. 終於搞明白了,看來剛纔改的index.html頁面並非項目啓動真正使用的頁面。在項目導航器中查看index.html的路徑,是/app/www/index.html,而項目訪問的實際是/app/platforms/ios/www/index.html,這我就不懂了,明明建立的ios項目,是在/app/platforms/ios/中,爲何使用Xcode打開項目文件時列出的文件是/app/www/中的?一樣的,其餘文件也是這樣,也就是說,我在Xcode環境中直接修改或添加文件,實際都不會存到ios目錄中,貌似有些悲催。目前就是這樣了,等再試試看能不能完整地使用Xcode環境來開發項目。
另外,在AppDelegate.m文件中設置項目索引頁:
self.viewController.wwwFolderName = @"www"; self.viewController.startPage = @"index.html";