本文介绍的是在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并不是很成熟的原因。但是未来还是大有可为!