读书频道 > 网站 > 网页设计 > PhoneGap实战
2.2.1 配置PhoneGap 到iOS
12-12-29    奋斗的小年轻
收藏    我要投稿   

本文所属图书 > PhoneGap实战

本书由来自腾讯的资深专家团队撰写,Adobe中国区专家和PhoneGap中国社区联袂推荐。本书内容全面、注重实战、启发性强,对PhoneGap的所有功能、特性、使用方法和开发技巧进行了全面而透彻的讲解,是系统学习Phone...立即去当当网订购

2.2 配置PhoneGap

2.2.1 配置PhoneGap 到iOS

步骤1 安装必要软件。

首先需要获得苹果公司开发者认证,然后才能下载安装Xcode 开发工具。

要获得苹果公司开发者认证可访问: http://www.apple.com.cn/developer/programs/ios/。

下载Xcode开发工具可访问: http://www.apple.com.cn/developer/technologies/tools/index.html。

步骤2 安装Xcode的命令行工具。

如图2-2所示,在Xcode菜单栏依次单击“ Preferences” →“ Downloads”,然后再依次单击“Components” → “Command Line Tools” →“ Install”。


 

步骤3 解压安装PhoneGap 。

解压下载的PhoneGap 包,进入lib/ios目录,如图2-3所示。


 

双击打开图2-3中所示的Cordova-2.0.0.dmg包,打开后如图2-4所示,将其中名为bin的文件夹复制到计算机硬盘的任意位置,本例复制到了桌面。


 

这时,确保Xcode软件是关闭的。然后双击图2-4所示的文件Cordova-2.0.0.pkg,开始安装,如图2-5所示。


 

在后继各界面中,全部单击“继续”按钮就可以将PhoneGap 安装完成。

步骤4 建立新的项目。

PhoneGap 2.0.0版本提供了批处理文件功能,这简化了安装部署新项目的流程,方法如下:

将刚才复制的bin目录直接拖入“终端”程序(菜单中选择实用工具,可找到终端)将其打开,或者打开终端进入bin文件夹,运行如下格式的命令:

./create <项目目录> <项目ID> <项目名称>

其中<项目目录>为项目的存储目录,这里存放在 ~/Desktop/mycode/HelloWorld。<项目ID>为公司标识及项目ID。上架(发布到App应用商店)是一个关键参数,上架时要填写和官网一样的参数,具体内容可参考第7章,这里输入的是org.adc.HelloWorld。<项目名称>为这个项目的名字,这里输入的是HelloWorld。

代码如下:

./create ~/Desktop/mycode/HelloWorld org.adc.HelloWorld HelloWorld

运行效果如图2-6所示。


 

这时进入刚刚输入的项目目录,本例是~/Desktop/mycode/HelloWorld。双击打开图2-7中所示的HelloWorld.xcodeproj项目文件。


 

在打开的Xcode程序中,应该可以看到刚刚通过命令新建的HelloWorld项目已经在Xcode中了,如图2-8所示。

步骤5 完成部署。

如图2-9所示,单击左上角的“Run” 按钮,稍候会弹出设定的iPad/iPhone 模拟器,并且显示图2-10所示的程序运行成功界面。



 

步骤6 测试HelloWorld。

打开并编辑www目录下的index.html文件,将如下代码替换至文件并保存。
<!DOCTYPE html>
<html>
<head>
 <title>test</title>
 <meta charset="utf-8"/>
 <script type="text/javascript"charset="utf-8"src="cordova-1.5.0.js"></script>
</head>
<body>
 <h1>Hello World!!</h1>
</body>
</html>
再次单击Xcode左上角的“Run”按钮,可以在模拟器中看到图2-11所示的结果。


 

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站