`
LiYunpeng
  • 浏览: 950927 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Mac环境下搭建PhoneGap环境

阅读更多
首先,官方文档中,要求,编译需要使用Intel架构的 Mac OS X系统的Mac设备,最低要使用XCode4.5以上版本和Mac OS X 10.7以上的系统以及IOS6.0 以上的SDK,至于发布,则要看苹果商店的最新要求了
还有更多的限制,比如cordova所需要的版本需求等,可以看PhoneGap的详细官方文档如下:
http://docs.phonegap.com/en/edge/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide

第一步,下载,XCODE和PhoneGap
XCode在developer.apple.com苹果的开发者中心下载,需要有开发者账号
PhoneGap则可以在http://phonegap.com/install/里面下载,自行选择版本
我这下载的时2.9.1截止到目前的最新版本

第二部,通过PhoneGap创建IOS项目
在上一步中下载的zip压缩包,进行解压,然后会看到里面的目录结构
doc当然就是API文档啦
lib则是PhoneGap的库,里面我们很容易理解到,是各个不同平台的库,我们要创建IOS平台的,现在,我们要通过Terminal终端进入到这个目录下得bin文件夹中,也就是PhoneGap文件夹下的lib/ios/bin目录中。

通过create来创建项目
create的命令结构如下
Usage: ./create [--shared] [--arc] <path_to_new_project> <package_name> <project_name>
我们创建个HelloWorld可以如下
./create /Volumes/Data/DWorks/PhoneGap/HelloWorld com.liyunpeng.www HelloWorld
意思就是,在我指定的DWorks/PhoneGap/HelloWorld目录下,创建一个包名位com.liyunpeng.www的应用名为HelloWorld的项目

第三部,Build框架cordova
cordova是一个库,他提供了程序直接调用设备硬件的API
进入到刚才的HelloWorld工程文件夹,可以看到cordova,然后再这个文件夹内打开终端命令,使用./build命令,运行成功后,界面会提示Build Successed。

第四部,通过XCode打开项目文件HelloWorld.xcodeproj,然后直接运行,如果看到运行界面如下,就代表成功了。



我们在XCode里回看整个工程,会发现有个www文件夹,有些类似于Web项目或者NodeJS项目,我们的HTML及CSS,JS都放在这个文件夹里面了。
  • 大小: 202.3 KB
分享到:
评论

相关推荐

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

    在虚拟机下搭建PhoneGap的iPhone开发环境是一个复杂但必要的过程,尤其对于那些没有实际苹果设备的开发者来说。PhoneGap是一种流行的开源框架,允许开发者使用HTML、CSS和JavaScript来构建跨平台的移动应用,包括iOS...

    PhoneGap环境搭建demo

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

    phonegap项目环境搭建

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

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

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

    android平台搭建PhoneGap.pdf

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

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

    PhoneGap的开发环境搭建需要: 1. 安装 PhoneGap:下载并安装 PhoneGap 的开发环境。 2. 创建项目:使用 PhoneGap 创建一个新的项目。 3. 编写代码:使用 HTML、CSS 和 JS 语言编写应用程序的代码。 4. 配置项目:...

    android+Phonegap开发环境搭建

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

    Android 下搭建 基于Phonegap Web App

    通过以上步骤,你就可以在Android环境下成功搭建基于PhoneGap的Web App了。PhoneGap简化了跨平台移动应用的开发流程,让Web开发者也能轻松涉足原生应用领域。不过,需要注意的是,虽然PhoneGap提供了丰富的设备API...

    PhoneGap开发环境搭建

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

    phonegap2.9开发环境搭建

    PhoneGap 2.9 版本是较早的一个版本,但它的环境搭建过程对于初学者来说仍然具有指导意义。下面将详细介绍如何搭建 PhoneGap 2.9 的 Android 开发环境。 首先,你需要安装基础的开发工具。这包括 Java Development ...

    搭好环境的phoneGap

    这个“搭好环境的PhoneGap”指的是在Android环境下成功配置了PhoneGap开发环境,可以用来创建和运行PhoneGap应用。在这个环境中,显示的是“Example Local File System”,这是一个典型的PhoneGap应用示例,用于展示...

    phoneGap-Android开发环境搭建

    本教程将详细介绍如何搭建PhoneGap在Android平台上的开发环境,以便你可以开始利用Web技术进行Android应用的开发。 首先,我们需要安装Java Development Kit (JDK)。JDK是开发Android应用的基础,因为Android ...

    DREAMWEAVER CS6配置PHONEGAP环境

    DREAMWEAVER CS6配置PHONEGAP环境搭建

    phonegap 环境搭建

    【PhoneGap环境搭建详解】 PhoneGap是一款开源框架,允许开发者使用HTML、CSS和JavaScript来构建原生移动应用程序。本文将详细介绍PhoneGap环境搭建的过程,包括必要的工具安装、配置以及简单的Hello World应用运行...

    PhoneGap环境搭建

    PhoneGap环境的搭建是开发者入门PhoneGap的第一步,这个过程包括安装必要的软件、配置环境变量以及创建和运行第一个PhoneGap项目。 首先,我们需要准备的软件工具有: 1. Java Development Kit (JDK):Java运行环境...

    phonegap(cordova)环境配置

    win7(32位)环境下phonegap(cordova)环境的搭建过程,花了2天时间整理的,对初学者应该有所帮助。

    Windows下IOS开发环境搭建

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

    phonegap完美环境搭载

    以下是如何搭建一个PhoneGap开发环境的详细步骤: 1. **安装Node.js**: Node.js是JavaScript的服务器端运行环境,PhoneGap的命令行工具依赖于它。直接下载并安装Node.js的最新版本。 2. **安装JAVA SDK**: JAVA ...

Global site tag (gtag.js) - Google Analytics