最近公司准备开发一个移动应用,方便起见准备开发web项目,用PhoneGap打包成iOS与Android平台的应用。对PhoneGap完全不了解,所以先装个试下。折腾了大半天,总算弄出点儿眉目,整理下以备查。
一、环境说明
系统:OS X Yosemite
开发环境:Xcode 6.4
二、安装PhoneGap
1、首先下载安装 node.js,node.js应该使用0.10.x的版本,高于这个版本的无法安装PhoneGap。
2、在控制台执行:
$ sudo npm install -g phonegap
$ sudo npm install -g cordova
三、创建项目
在控制台执行:
$ 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";