由于在下最近在做基于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开发环境.pdf
android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建
混合模式开发 hybird开发 phonegap开发 最新版本2.5
在虚拟机下搭建phonegap的iphone开发环境版本
PhoneGap开发环境搭建
phonegap项目环境搭建,PhoneGap的环境搭建及helloworld的实现
主要是一些在Mac上开发 iOS 使用PhoneGap 开发Html5
Windows下IOS开发环境搭建,可以方便的用phonegap 打包android ios 的webApp程序
Xcode5 + phoneGap2.9搭建ios开发环境-配置-测试-归档上传- 开源中国社区
android平台搭建PhoneGap.pdf
android+phonegap 开发环境教程
IOS 开发环境搭建 零基础就可以搭建一个开发环境(零成本)能开发和打包基于Phonegap的IOS应用。
phoneGap环境搭建,详细请看:http://blog.csdn.net/dawanganban/article/details/18271981
本文档详细介绍了phonegap2.9的环境搭建,可以给刚刚接触phonegap的开发人员提供帮助
跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器...
PhoneGap2.5最新版,import相应对了改变 请使用import org.apache.cordova.*;
IOS应用源码之phonegap原生代码与js交互.zip