Xcode5.0下的PhoneGap2.9.1的配置使用和简单伪优酷客户端的开发

本文介绍的是在Xcode 5.0版本下的如何配置和使用PhoneGap2.91和一个简单的伪优酷客户端的编写。

（一） 配置环境。

1、首先我们需要的是下载PhoneGap 2.91 

URL：http://phonegap.com/install/

 

2、将下载后的zip文件解压

 

3、进入Finder找到解压后的文件夹（选择以下图这种模式显示目录）

依次选择phonegap-2.9.1\lib\ios\bin目录下我们双击该目录下的create可执行文件。

执行完后如下图所示

当我们使用是按照如下命令行

Usage: /Users/linc/Downloads/phonegap-2.9.1/lib/ios/bin/create [--shared] [--arc] <path_to_new_project> <package_name> <project_name> 使用。

 

（二） 简单的伪优酷客户端的编写

 

1、 在桌面创建名字为youku的文件夹

2、 创建基于PhoneGap2.91的Xcode5.0项目

我们打开终端输入如下命令：   

/Users/linc/Downloads/phonegap-2.9.1/lib/ios/bin/create Desktop/youku youku.com.cn test

然后回车

3、打开桌面的youku文件夹查看是否创建成功   

 

4、接下来我们运行test.xcodeproj

进入主目录

 

选择设备（我们选择真机测试，不知道如何真机测试的同学，我会在之后会给出相应教程）

但是此时的应用还是一个空应用

 

5、接下来我们进入www文件夹的index.html文件下将index.html中的html代码删除

6、然后我们用浏览器打开优酷的主页然后鼠标右击查看源码

复制下来的源码贴入工程的index.html中保存

继续运行，下面就是运行的截图

 首页：

点击视频：

至此就是本教程的所有教程内容

再说说PhoneGap ，PhoneGap不得不说降低了开发的技术门槛，只要会写HTML就可以在不同的平台编写客户端，Android  iOS  WindowsPhone可以做到格式相同

风格相同，内容可控的各项好处，但与传统的客户端相比还是相对脆弱了一点，可能还是现阶段基于移动端的CSS+HTML并不是很成熟的原因。但是未来还是大有可为！