WEB

PhoneGap入门

跨平台开发有很多框架,PhoneGap是比较著名的一个。

背景

听说过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项目即可
phonegap2.png

5、怎么修改
修改了项目源代码,重新编译,发现还是原来的效果。试了一会儿,发现还是要重新运行一下这个命令

1
phonegap run ios

6、PhoneGap Developer App
按照上面的方式,每次修改都要重新编译打包,是不是太麻烦了一点?PhoneGap推出了PhoneGap Developer App的软件(AppStore上有下载),先在手机上安装好。然后进入到项目目录,运行

1
phonegap serve

phonegap_3.png
然后打开手机上的app,输入ip。电脑和手机必须处在同一网络下
phonegap_4.PNG

如果成功的话就会跳到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就成功了。