`
lizaochengwen
  • 浏览: 658165 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何在IOS平台下搭建PhoneGap开发环境(PhoneGap2.5)

 
阅读更多
由于在下最近在做基于HTML5的跨平台移植,搭建环境的时候着实费了不少劲。现在空闲下来顺便整理一下,给大家分享。
首先介绍一下PhoneGap。
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序等。
PhoneGap的官方网站是http://www.phonegap.com。 朋友们可以通过官方网站下载最新的PhoneGap及API文档。
这里说一下我的开发环境。
(mac os 10.8.2/xcode 4.6  SDK6.1/PhoneGap2.5/测试机ipad1,ipad2均为ios6.1.2)
——————————————————————————————————————————————
分割线下方为具体操作步骤
——————————————————————————————————————————————

1.下载PhoneGap最新版本
下载地址:http://phonegap.com/download/
我下载的版本为2.5.
下载解压到自定义文件夹。



2.打开本地终端。(因为我是做IOS移植的,所以这里只介绍有关IOS平台下的搭建环境。)
cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
(这里是我的本地目录,大家可根据自己的目录自行查找)
在当前路径$./create /Users/mac/Desktop/demo2 com.company.cxwj HelloWorld
(这里的意思是在桌面上创建一个项目名称为HellWorld的工程的文件夹)





注:图中的错误是因为我桌面上一个相同文件名称的文件夹。大家不要跟我犯同样的错误。

3.在终端中直接cd回到原始默认路径。
然后进入我们桌面文件夹的cordova路径。
在该路径下执行$./build



直到你看到成功字样。




4.这时候打开桌面上你创建的demo文件夹。
然后用xcode打开里边的demo工程,用虚拟机运行一下  如果看到下图你就成功了。




5.接下来我们继续看工程。
Xcode左边的树形结构应该是这个样子。
看到www文件夹了吧  这里边就是你的HTML5的程序所在了。




以上就是PhoneGap环境搭建了。祝大家顺利。


原文路径:http://blog.sina.com.cn/s/blog_7e475e790101cojr.html
分享到:
评论

相关推荐

    在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf

    PhoneGap是一个功能强大且灵活的跨平台开发框架,适合开发跨平台的应用程序和游戏。但是,需要注意 PHONEGap的性能和安全问题。 PhoneGap的开发环境搭建需要: 1. 安装 PhoneGap:下载并安装 PhoneGap 的开发环境...

    第一讲 快速搭建PhoneGap开发环境.pdf

    ### 第一讲 快速搭建PhoneGap开发环境 #### 学习目标与核心知识点 本章节旨在引导初学者快速上手PhoneGap应用开发,并重点介绍了搭建Android开发环境所需的步骤及注意事项。通过本节的学习,您将掌握以下核心知识...

    phonegap2.5

    总的来说,PhoneGap 2.5 提供了一个早期的混合开发解决方案,尽管现在已经有了更先进的版本和工具,但理解它的运作原理可以帮助我们更好地了解现代跨平台开发的演变历程,以及如何利用Web技术开发原生移动应用。

    android+Phonegap开发环境搭建

    本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。 首先,我们需要安装Java Development Kit (JDK)。JDK是Android开发的基础,因为Android Studio依赖于它。请访问Oracle官方网站,下载并安装适合您...

    在虚拟机下搭建phonegap的iphone开发环境版本

    在虚拟机下搭建PhoneGap...通过以上步骤,你应该能够在虚拟机环境下成功搭建PhoneGap的iPhone开发环境,开始你的跨平台移动应用开发之旅。记得在过程中遇到任何问题,都要及时查阅官方文档或社区支持,以获取解决方案。

    Windows下IOS开发环境搭建

    本文档详细介绍了如何在 Windows 环境下搭建 IOS 开发环境,以便使用 PhoneGap 打包 Android 和 iOS 的 WebApp 程序。该环境搭建主要通过安装 MAC OS 10.6.4 在 VMware Workstation 8.0.4 虚拟机中,并升级到 10.6.8...

    phonegap项目环境搭建

    PhoneGap项目环境搭建是开发跨平台移动应用的重要步骤,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。PhoneGap是一个开源框架,它基于Apache Cordova,并且提供了与设备硬件功能交互的能力,如...

    Xcode5 + phoneGap2.9搭建ios开发环境

    本篇文章将详细介绍如何利用Xcode5和PhoneGap2.9搭建iOS开发环境,并进行配置、测试以及归档上传。 首先,你需要下载并安装Xcode5。Xcode5是支持iOS7及更高版本开发的最早版本之一,它包含了Interface Builder、...

    PhoneGap环境搭建demo

    PhoneGap环境搭建是开发跨平台移动应用的第一步,这里我们将详细讲解如何进行PhoneGap的配置和安装。 1. **系统需求**:首先,你需要一个支持PhoneGap开发的计算机系统,通常要求是Windows、Mac OS或Linux。确保...

    iOS 使用PhoneGap 开发HTML5 的APP

    这个教程将引导你通过在Mac上使用PhoneGap开发iOS平台的HTML5应用。 首先,我们需要了解PhoneGap的核心概念。PhoneGap提供了一种桥梁,将Web技术与移动设备的原生功能连接起来,比如访问摄像头、联系人列表或地理...

    PhoneGap开发环境搭建

    ### PhoneGap开发环境搭建 #### 一、安装与配置 为了构建PhoneGap应用程序,特别是针对Android平台的应用程序,首先需要确保一系列开发工具已正确安装在您的计算机上。这些工具包括Java SDK、Eclipse IDE、Android...

    PhoneGap2.5

    总的来说,PhoneGap2.5为移动应用开发者提供了一个强大的工具,它简化了跨平台开发流程,同时通过HTML5的特性增强了应用的功能。然而,开发者也需要不断学习和适应PhoneGap的新变化,以充分利用其潜力并解决可能出现...

    android平台搭建PhoneGap.pdf

    本文档主要介绍了如何在Android平台上搭建PhoneGap环境,以便开发基于PhoneGap的应用程序。下面是文章中所涉及到的知识点: 1. Eclipse安装:文章中提到需要安装Eclipse版本3.4以上,并提供了下载地址。 知识点:...

    Eclipse+android+jdk+phonegap开发环境教程.pdf

    本文将介绍如何安装基于 Android SDK 下安装 PhoneGap 框架,并详细讲解 PhoneGap 开发环境的配置过程。 一、前言 PhoneGap 是一个跨平台的移动应用开发框架,允许开发者使用 HTML、CSS 和 JavaScript 语言开发...

    phonegap2.9开发环境搭建

    下面将详细介绍如何搭建 PhoneGap 2.9 的 Android 开发环境。 首先,你需要安装基础的开发工具。这包括 Java Development Kit (JDK)、Android SDK 和 Eclipse。确保你的系统已经安装了 JDK,并设置了相应的环境变量...

    phonegap 开发环境教程

    在 Android 平台上结合 PhoneGap 开发应用,你需要配置一个特定的开发环境。以下是一个详细的步骤指南: 1. **创建 Android 工程** 首先,你需要在 Android Studio 中新建一个 Android 工程。选择 "New > Android ...

    phonegap开发示例服务器端开发

    在开发PhoneGap应用时,首先需要搭建开发环境。这包括以下几个步骤: 1. 安装Java SDK:Java SDK是开发Android应用的基础,需要下载并安装。 2. 安装Eclipse:经典版的Eclipse是Android开发的常用IDE。 3. 安装...

Global site tag (gtag.js) - Google Analytics