ios html5 设定PhoneGap开发环境

怎么样IOS平台搭建PhoneGap开发环境(PhoneGap2.5)

(2013-03-13 14:44:51)

标签:

c=blog&q=it&by=tag" target="_blank">it

 

因为在下近期在做基于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/demo2com.company.cxwj HelloWorld

(这里的意思是在桌面上创建一个项目名称为HellWorld的project的目录)

注:图中的错误是由于我桌面上一个相同文件名的目录。大家不要跟我犯相同的错误。

3.在终端中直接cd回到原始默认路径。

然后进入我们桌面目录的cordova路径。

在该路径下运行$./build

直到你看到成功字样。

4.这时候打开桌面上你创建的demo目录。

然后用xcode打开里边的demoproject,用虚拟机执行一下 假设看到下图你就成功了。

5.接下来我们继续看project。

Xcode左边的树形结构应该是这个样子。

看到www目录了吧  这里边就是你的HTML5的程序所在了。

这些都是PhoneGap建筑环境。

祝你成功。

时间: 2024-10-13 11:26:28

ios html5 设定PhoneGap开发环境的相关文章

[PhoneGap]开发环境搭建与简单应用

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap(http://www.phonegap.com). PhoneGap是一款开源的手机应用开发

PhoneGap开发环境搭建(记录一下,仅仅针对Android)

1.首先:在安装phoneGap开发环境之前,需要安装以下框架 1.Java SDK (直接下载安装) 2.Eclipse (建议classic版本) 3.Android SDK 4.ADT Plugin (SDK和Gap安装完成重启eclipse) 5.PhoneGap (下载完成直接解压) 2.创建PhoneGap项目 1.新建一个Android project(名字随意取); 2.在你新建的目录下,新建两个子目录/libs和/assets/www 3.进入将刚刚下载并解压的PhoneGap

phoneGap开发环境搭建(android)

1.  首先安装nodejs  (http://nodejs.org/) 2.  然后在命令行输入 npm 回车 如果出现下图: 则表示安装成功 3. 安装 npm install -g cordova 4.  安装JDK 这里最麻烦的就是环境变量的配置了 配置环境变量:右击"我的电脑"-->"高级"-->"环境变量" 1)在系统变量里新建JAVA_HOME变量,变量值为:C:\Program Files\Java\jdk1.6.0_

安装配置PhoneGap开发环境(二)——使用Cordova代替PhoneGap创建项目

1 Cordova是谁 PhoneGap的官方文档说的很清楚.Cordova是PhoneGap的引擎,这两者的关系类似于WebKit与Chrome浏览器的关系.所以一些核心的基础操作对于Cordova与PhoneGap是相通的.有时候使用PhoneGap创建工程的会出现一些莫名的问题,推荐使用Cordova创建. 2 下载PhoneGap与Cordova 略.见<安装配置PhoneGap开发环境(一)>. 3 使用Cordova创建PhoneGap项目 查看当前平台的Cordova版本: co

phonegap 开发环境搭建

一.基本android开发环境搭建 Eclipse + adt插件 + android sdk + ant 环境变量配置 path路径下加入 D:\eclipse\plugins\org.apache.ant_1.9.2.v201404171502\bin D:\apache-ant-1.9.2\bin; D:\android-sdk-windows\platform-tools D:\android-sdk-windows\tools 二.phonegap开发环境搭建 1.搭建好基本的andr

HTML5 移动应用开发环境搭建及原理分析

开发环境搭建: 一.Android 开发平台搭建 安装java jdk:\\10.194.151.132\Mewfile\tmp\ADT 配置java jdk 1)  新建系统变量,JAVA_HOME,C:\Program Files\Java\jdk1.8.0_25 2)  新建系统变量,classpath,;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar 3)  Path,%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 4)  测试

在Android平台下搭建PhoneGap开发环境

自己按照以下步骤写的,没有错误,中间因为没有cordova-2.9.1.jar文件,导致建的项目出错,所以步骤2是很重要哒. 1,在phonegap官方网站(phonegap.com/install)里下载最新版本(目前是 phonegap 2.9.1),下载后解压. 2,新版的phonegap 2.9.1,D:\phonegap-2.9.1\lib\android\framework中没有cordova-2.9.1.jar,所以要编译出来. 1)打开cmd命令行工具. 2)依次进入D:\pho

安装配置PhoneGap开发环境(一)

1 安装JDK 略. 2 安装Eclipse并安装ADT插件 Android的官网提供集成了Android插件的Eclipse开发环境. 眼下訪问不了,尝试百度一下其他资源. 3 安装Android SDK最新版本号 眼下最新版本号为API 22. 4 安装Node.js 到Node.js官网下载并安装Node.js. 5 安装PhoneGap.Cordoba Node.js成功安装后,将其路径配入Path环境变量.以方便命令行使用.在命令行中输入: npm install -g phonega

搭建 PhoneGap 开发环境

一.JDK 下载以及安装.配置 参考:http://www.cnblogs.com/LO-ME/p/3530345.html 二.Android开发环境的搭建 参考:http://www.cnblogs.com/LO-ME/p/3705345.html 三.下载PhoneGap文件 下载地址:http://phonegap.com/install/             直接点击某个下载 四.配置phoneGap环境 1.新建一个Android项目 2.将下载的PhoneGap文件中的lib—