App html5 本地化（Web App转为 Hybird app或新建一个 Hybird app）phonegap篇 （1） iOS

App可分为Native App,Hybird app（[ˈhaɪbrɪd] 混合）和Web App。

关于他们的详细介绍，可见http://www.uisdc.com/web-hybrid-native-app

 我们现在把web App 转为Hybird App 这和重新创建一个 Hybird app步骤基本一致。

Web app 其实只是通过webView加载了一个链接而已，有时会通过JS方法与手机本身进行功能交互，例如调用摄像头或跨app调用。

Hybird app 可以把web端的代码加载到本地运行，减少了流量损失，界面滑动和功能调用也更快捷。

一. 开发环境搭建步骤（简洁方法：http://www.cnblogs.com/lear/p/3408441.html）

1: iOS  HTML本地化我用的是目前主流的工具phonegap，可以该链接下载：http://phonegap.com/install/  或百度网盘：链接: http://pan.baidu.com/s/1gd9yPyF 密码: zvcs 

2：

2.1 下载之后，进入mac终端（在Launchpad   中的其他里），进入phonegap-2.9.1 下 的 /lib/ios/bin，进入bin，可以看到其下有一个 create。

2.2 好，我们在bin目录下输入  

./create（这里有空格） /Users/（这里填你的文件路径）/Desktop/demo1  com.test  HelloWorld

( 注意：./create后跟空格，然后是文件路径（通常放桌面，如：/Users/XXX/Desktop/），然后demo1 是文件夹的名字 ，com.test 包名，HelloWorld项目名)，点击回车，此时你可以发现你放文件的位置多了一个demo1 文件夹，打开是这样的：

开发环境，搭建完毕。

参考链接：

http://blog.sina.com.cn/s/blog_7e475e790101cojr.html

http://blog.csdn.net/mcg890414/article/details/45420625

http://my.oschina.net/jgy/blog/168745

二.app初始显示设置

1.icon 图标

icon图标的大小是 57*57， 114*114 和72*72 ，144*144 的两种（可见http://www.cnblogs.com/linn/p/3921313.html）

2:启动图片

上边有ipone和ipad的两种启动图片：

ipone:

Defaule.png  320*480

Defaule@2x.png  640*960

Defaule-568h@2x.png  640*1136

三：代码

利用phonegap编码，代码分为两部分：

1.HTML5部分

2.iOS代码部分

ios代码结构和native app代码结构相差不大，

注：icons 图标在iOS代码和HTML 代码中都有，不过以ios 为先。