基于PhoneGap的iOS平台入门教程

译文
移动开发 iOS
本文将介绍基于PhoneGap的iOS平台入门教程,与《基于PhoneGap的Android应用开发》教程一样,本文也是翻译自PhoneGap官方网站的文章,讲述了PhoneGap入门之iOS平台篇和PhoneGap入门之iOS(Xcode 4)平台篇。

【51CTO译文】

1、要求

◆基于英特尔芯片的计算机,装有Mac OS X Snow Leopard(10.6)操作系统

安装到设备上的必要条件:

◆苹果iOS设备(iPhone、iPad和iPod Touch)

◆iOS开发者认证

2、安装SDK + PhoneGap

[[36549]]苹果开发者门户网站,下载和安装Xcode(必须是该门户网站成员)。

[[36550]]在此下载***版本的PhoneGap,解压缩其内容。进入到iOS目录,运行安装程序,直至完成。

3、创建新项目

◆运行Xcode,然后在File(文件)菜单下选择New Project…(新项目…)。

◆进入到“User Templates”(用户模板)部分,选择PhoneGap,然后在右边窗口中,选择PhoneGap-based Application(基于PhoneGap的应用程序)。

◆选择Choose…(选择…)按钮,命名你的项目,并选择你想要把新项目存放在哪个地方。

选择Choose

4、Hello World

打开名为www的文件夹,在index.html中的<body>标签后面输入<h1>Hello World</h1>。你还可以在那里添加任何相关的Javascript和CSS文件。

***、部署到模拟器

◆确保将左上角菜单中的Active SDK从Use Base SDK(使用基本SDK)改成Simulator+version#(模拟器和版本号)。

◆点击项目窗口标题中的Build and Run(构建和运行)。

5B、部署到设备

◆打开 [AppName]-Info.plist,将BundleIdentifier(包标识符)改成苹果提供的标识符。如果你有开发者许可证,可以在这里访问和运行Assistant,并注册你开发的应用程序。

◆确保将左上角菜单中的Active SDK从Use Base SDK(使用基本SDK)改成Device+version#(设备和版本号)。

◆点击项目窗口标题中的Build and Run(构建和运行)。

点击项目窗口标题中的Build and Run(构建和运行)

完事了!

你还可以在这里查看内容更详细的这篇指南。#p#

PhoneGap入门之iOS(Xcode 4)平台篇

前三步请参见前文

◆从模板列表中选择PhoneGap-based Application(基于PhoneGap的应用程序)。

从模板列表中选择PhoneGap-based Application

◆选择Next(下一个)按钮。为你的应用程序填好“Product Name”(产品名称)和“Company Identifier”(公司标识符)。

选择Next(下一个)按钮

◆选择一个存放应用程序的目录。

◆你现在应该看到你在Xcode 4中的项目。按左上角的Run(运行)按钮。你构建的项目应该成功了,在模拟器里面运行。

◆你应该会在模拟器中看到一个错误,通知你index.html未发现。

◆为了解决这个问题,我们需要把www目录拷贝到项目中。鼠标右击左边导航窗口上的项目,点击show in finder(在Finder中显示)。

◆在Finder中,你应该会看到项目旁边的www目录。

下一步很重要!把www文件夹拖到Xcode 4中。你根本无法把www文件夹拖到应用程序的文件夹中。而是需要把它拖到Xcode 4上!在本例中,我把它拖放到HiWorld上,如下图所示。

把www文件夹拖到Xcode 4中

拖完后,你应该会看到有几个选项的提示。确保选择了Create folder references for any added folders(为任何添加的文件夹创建文件夹引用)。点击Finish(完成)。

如前文输入Hello World

部署到模拟器

◆确保将左上角菜单中的Active SDK改成Simulator+version#(模拟器和版本号)。

◆点击项目窗口标题中的Run(运行)。

部署到设备

◆打开[AppName]-Info.plist,将BundleIdentifier(包标识符)改成苹果提供的标识符。如果你有开发者许可证,可以在这里访问和运行Assistant,并注册你开发的应用程序。

◆确保将左上角菜单中的Active SDK从Use Base SDK(使用基本SDK)改成Device+version#(设备和版本号)。

◆点击项目窗口标题中的Run(运行)。

点击项目窗口标题中的Run(运行)

完事了!

你还可以在这里查看内容更详细的这篇指南。

责任编辑:佚名 来源: 51CTO
相关推荐

2011-07-22 08:34:37

PhoneGapSymbian

2011-07-19 08:50:17

PhoneGapwebOS

2011-07-18 14:46:56

PhoneGapBlackBerry

2012-05-10 08:29:46

XcodeiOSPhoneGap

2012-03-07 11:30:09

PhoneGapWindows Pho

2011-09-05 14:42:01

PhoneGap框架

2011-12-30 15:17:23

Adobe视频PhoneGap

2014-05-26 15:35:55

Web组件Web Compone

2009-07-08 15:12:48

Java Servle

2010-08-03 13:06:15

Flex Builde

2013-08-29 14:12:52

Storm分布式实时计算

2010-03-12 14:04:32

Python入门教程

2022-07-21 11:58:12

Docker

2022-07-12 08:27:18

Zadig开源

2011-09-02 10:59:10

jQuery Mobi

2010-07-20 16:19:54

Perl

2018-03-22 14:59:13

Docker入门容器

2010-06-18 16:56:50

UML建模语言

2013-06-24 13:38:34

HTML5 DataList

2010-08-03 14:37:30

Flex入门教程
点赞
收藏

51CTO技术栈公众号