背景
听说过PhoneGap很久了,却一直没有研究过。现在混合框架越来越流行,所以还是需要看看的。
安装
PhoneGap官网上有安装方法:
1、安装NodeJS。
2、在命令行中运行:1
$ sudo npm install -g phonegap
3、创建项目1
2
3$ phonegap create my-app
$ cd my-app
$ phonegap run ios
结果报错了,根据错误提示,是少安装了一个东西,安装一下1
sudo npm install -g ios-deploy
再重新运行1
phonegap run ios
这次没有报错,到对应目录下,可以找到已经生成的项目,当然只是一个Hello World项目。
4、运行项目
找到代码目录ios文件夹,打开Xcode项目即可
5、怎么修改
修改了项目源代码,重新编译,发现还是原来的效果。试了一会儿,发现还是要重新运行一下这个命令1
phonegap run ios
6、PhoneGap Developer App
按照上面的方式,每次修改都要重新编译打包,是不是太麻烦了一点?PhoneGap推出了PhoneGap Developer App的软件(AppStore上有下载),先在手机上安装好。然后进入到项目目录,运行1
phonegap serve
然后打开手机上的app,输入ip。电脑和手机必须处在同一网络下
如果成功的话就会跳到app页面,3指点击回到跳回原来的页面,四指触摸刷新应用。
这时候你只要在电脑端修改了源文件,点击保存。手机端会自动更新。
7、PhoneGap Desktop App
这个软件目前是beta版,也可以用。和上面的命令行效果一样。
http://phonegap.com/blog/2014/12/11/phonegap-desktop-app-beta/
8、各种错误
在测试连接的时候,一开始总是不成功,一直提示Error,Time out。原因除了不在同一个网络之外,可能还有其他原因。反正当提示ip地址是10.10开头的时候总是连不上,后来反复试几次,变成192.168就成功了。