PhoneGap初试!

    最近公司准备开发一个移动应用,方便起见准备开发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 phonegapcode

    $ sudo npm install -g cordovaorm

    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";

相关文章
相关标签/搜索