[PhoneGap]Mac下搭建PhoneGap开发环境

我一直的想法就是要玩就玩跨平台,接触过一些跨平台的引擎,cocos2dx,mono,unity3d,现在炒的火热的就是html5技术了,我相信这也是未来的主流技术之一,其中有一些比较不错的框架就是phonegap,jQueryMobile,我还看了webGL貌似也不错,是将来web3D的一个主流,今天我就开始接触PhoneGap,利用闲暇之余学习一下这个移动平台的开发框架。

Apache Cordova提供了使用Web技术来开发Mobile应用的方式,目前支持Android、IOS、Windows Phone、Blackberry等近十种平台。通过使用Javascript
API的方式,使得Web应用能够访问设备的各种特性,下面来介绍下如何用它来开发iOS应用。

必要条件:

Mac OS X操作系统(10.7.4+)、Xcode 4.5和iOS6 SDK、Xcode命令行工具、iOS设备。

安装Cordova:

从 这里 下载最新版本的Phonegap,我下载的是2.6.0。下载后对压缩包进行解压缩。

下载地址:http://phonegap.com/install/

环境搭建

在早期的Phonegap版本中,会提供一个dmg安装包,安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式,而是使用了命令行的创建方式。

解压缩后,我们可以在lib目录下看到众多的平台类型,找到ios然后使用Terminal进入到bin目录下。

  

执行:

./create ~/Documents/ProjectDestination/Helloworld cn.blogs.cocowool HelloWorld

 

整个命令有三个主要参数:

1、项目存放路径(Project Location)。通过create方法创建的路径将保存在这个路径中。

2、包名(Package Name)。

3、项目名称(Project Name)。

 

可选的参数:

使用默认的方式创建工程会将必要的库文件从Cordorva的发布文件夹拷贝到你的项目文件夹中。存放在CordovaLib目录下。但是有些开发人员喜欢在多个项目中公用一个CordovaLib,这样当Lib更新时所有项目都会更新。使用--share参数,可以将CordovaLib作为一个软链接,链接到create所在的位置。

 

执行程序:

使用Finder定位到项目目录,双击 HelloWorld.scodeproj 就会在Xcode中打开项目。默认的模拟器是iPad,修改为你需要的模拟器。执行 Command + R 就可以运行项目,效果如下:

 

 

 

现在,我们就可以利用Cordorva的API来编辑 www 目录下的文件,来实现自己想要的功能了。

==================== 迂者 丁小未 CSDN博客专栏=================

MyBlog:http://blog.csdn.net/dingxiaowei2013             MyQQ:1213250243

Unity QQ群:858550         cocos2dx QQ群:280818155

====================== 相互学习,共同进步 ===================

时间: 2024-12-22 07:05:48

[PhoneGap]Mac下搭建PhoneGap开发环境的相关文章

Mac 下搭建Android开发环境

1.Java运行时: 在bash终端中输入java,如果没有安装java运行时会自动弹出一个Dialog提示是否安装,点击安装即可. 2.Eclipse + ADT + SDK: 在Mac下好像不需要下载Eclipse,又或者是现在Google专门打包定制了开发环境,反正只需要到:http://developer.android.com/sdk/index.html#download下载集成包即可.顺便白一句,在Mac下打开android.com明显快很多,没理由啊-- 无需单独下载Eclips

在MAC下搭建JSP开发环境

1.Mac下JDK的下载安装及配置 在安装jdk之后,需要为jdk安装目录配置环境变量: 任意打开终端,默认是家目录的,然后直接输入: touch .bash_profile 然后输入:vi .bash_profile这样就会进入编辑这个文件 .bash_profile,有的时候可能事先已经有了这个文件,可能会需要你选择 编辑 选项,然后进入 记得要按"I"(Insert)转为插入状态,然后把下面输入进去: JAVA_HOME=/Library/Java/JavaVirtualMach

Mac下搭建php开发环境教程_服务器其它

Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例.主要内容包括: 启动Apache运行PHP安装MySQL使用phpMyAdmin配置PHP的MCrypt扩展库设置虚拟主机 启动Apache 有两种方法: 打开"系统设置偏好(System Preferences)" -> "共享(Sharing)" -> "Web共享(Web Sharing)"打开"终端(te

Mac OS X 下搭建 Java 开发环境图解

本篇博客介绍如何在Mac osx系统下搭建java开发环境,有了java的开发环境,我们就可以做Java相关的开发,Eclipse和Android Studio都是要有JVM环境才能运行的,所以本篇就稍微总结一下如何在Mac osx下配置java环境变量. 先来看看笔者的电脑配置: 打开终端,查看10.10版本的系统使用的是什么shell命令: 输出的是bash,说明是Bourne shell,是默认的Unix Shell命令. 下面通过命令行查看笔者的java版本: 如果你的系统已经安装成功J

在Ubuntu下搭建Android开发环境_Android

1.安装JDK 其实这一步我比较偷懒,在网上查了一下Ubuntu系统下安装JDK的方法,看起来稍稍有点麻烦,于是我试着在自带的软件中心里搜了一下,然后发现在软件中心里有个OpenJDK Java 7,尝试着安装后,发现这是个好东西,一键安装后环境变量什么的都已经自动配好了,eclipse什么的都能自动识别,很方便.百度了一下Open JDK和sun JDK的区别,大概就是sun公司的JDK是在Open JDK的基础上开发的,扩展了一些东西.经过这段时间的使用,在开发Android的时候没发现有什

在Eclipse下搭建Android开发环境教程

我们昨天向各位介绍了<在NetBeans上搭建Android SDK环境>,前不久也介绍过<在MyEclipse 8.6上搭建Android开发环境>,都受到了读者的欢迎.但是很多朋友都认为NetBeans在中国用户不多,MyEclipse又是收费产品,都没有Eclipse好,很多读者都希望我们介绍一下Eclipse下搭建的Android开发环境,本文将全程演示Android开发环境的搭建过程,无需配置环境变量.所有软件都是写该文章时最新版本,希望大家喜欢. 一 相关下载 (1)J

Windows下搭建PHP开发环境(Apache+PHP+MySQL)_Linux

PHP集成开发环境有很多,如XAMPP.AppServ......只要一键安装就把PHP环境给搭建好了.但这种安装方式不够灵活,软件的自由组合不方便,同时也不利于学习.所以我还是喜欢手工搭建PHP开发环境,需要哪个模块自己安装就行了,或者那个软件需要升级,直接升级那个软件就行了,并不影响其他软件,非常方便. 一.准备工作-下载所需软件 Apache  httpd-2.2.22-win32-x86-openssl-0.9.8t.msiPHP     php-5.3.10-Win32-VC9-x86

ubuntu下搭建JAVA开发环境【转】

转自:http://jingyan.baidu.com/article/86fae346b696633c49121a30.html JAVA开发环境是一种跨平台的程序设计语言,可以在windows.LINUX等操作系统上进行开发.小编以前是做LINUX C开发的,最近因为工作,需要在UBUNTU下进行java开发环境的搭建,故写下这篇经验,和大家共享.参考.本篇经验分四步: 1)下载JDK 2)下载eclipse 3 ) 安装JDK 4)安装eclipse   工具/原料   UBUNTU ec

[OBJECT-C语言随笔之一]MAC OS 下搭建IOS开发环境

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/iphone-object/391.html 从这一章开始,Himi将一步一步的带大家走进Iphone4的开发,当然开发语言则不再是Java,而是Objective-C,简单来说是C的变种语言:有一定的其他语言基础的童鞋可以说学习很快,那么在[Object-C 基础]分类下,主要介绍ObjectC与Java语言之间的区别,一方面照顾Java转