前言:
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。
该系列博文将记录本人进行PhoneGap项目开发的点滴流程。
一:PhoneGap的安装配置
第一步:安装java 并配置环境变量
第二步:安装Android SDK,将/installpath/tools 和/installpath/platform-tools 添加进环境变量,e.g:
E:\Android\android-sdk-windows\platform-tools;E:\Android\android-sdk-windows\tools;
第三步:安装Ant 并配置好环境变量
第四步:安装Nodejs,安装成功可执行命令:npm http://nodejs.org/
第五步:安装cordova
在命令行执行以下命令:
npm install -g cordova
安装完成可以使用 cordova -v 查看当前版本。
第六步:创建项目
在命令行执行以下命令:
cordova create hello com.example.hello HelloWorld
注意:要指定项目路径在命令行窗口先切换进相应的路径下:cd
如图:
第七步:添加相应平台
cd myapp 进入项目路径
在命令行执行以下命令:
cordova platform add android
添加完成后可以使用以下命令查看当前平台:
cordova platforms ls
第八步:打包程序
在命令行运行以下命令:
cordova build
效果如下:
至此项目已经成功生成,接下来可以使用Eclipse工具导入项目,
File>>New>>Project>>Android>>Android Project from Existing Code
项目结构图如下:
运行效果如下:
相关推荐
在描述中提到的“js工具类”可能是包含一系列通用方法的JavaScript库,这些方法对于PhoneGap移动开发非常有用。这可能包括事件处理、数据操作、网络请求、用户界面更新等功能,帮助开发者更快速、更简洁地实现常见...
本教程将详细讲解如何在 iOS 平台上配置和安装 PhoneGap 2.9 版本。 首先,我们需要下载两个关键组件:Xcode 和 PhoneGap。Xcode 是 Apple 提供的官方集成开发环境(IDE),用于编写 macOS 和 iOS 应用。你可以直接...
配置PhoneGap Android项目涉及安装必要的开发环境,如JDK、Android Studio、Node.js,然后创建项目、配置项目、添加平台和插件,最后构建并运行应用。1.0配置教程.htm及其_files可能是详细指导这个过程的教程资料,...
总的来说,配置PhoneGap+Android开发环境需要安装JDK、Android SDK、可能的Eclipse/Android Studio,以及PhoneGap本身。确保所有组件都更新到最新版本,以获得最佳的开发体验。此外,熟悉PhoneGap API和Android SDK...
- **使用PhoneGap Developer App**:Adobe提供了PhoneGap Developer App,这是一款可以在设备上直接安装的应用,它可以实时同步和预览你的项目更改,无需反复构建和安装apk,大大提高了开发效率。 - **日志输出**:...
总之,搭建Android+PhoneGap开发环境涉及安装JDK、Android Studio、Node.js和PhoneGap CLI,配置Android SDK,以及创建和运行第一个PhoneGap项目。掌握这个过程后,开发者就可以利用Web技术开发出能在Android平台上...
win7(32位)环境下phonegap(cordova)环境的搭建过程,花了2天时间整理的,对初学者应该有所帮助。
PhoneGap 不需要安装,它是一个软件包,在开发的时候,复制一些文件过去即可。可以从 GitHub 官方网站下载最新版本的 PhoneGap,然后解压缩备用。 PhoneGap 安装需要安装 JDK、Eclipse、Android SDK 和 ADT Plugin...
鉴于目前网上流行的资料关于PhoneGap Cordova 的配置教程几乎都是1 3版本 另外又由于官网的文档漏洞百出 一直报:java lang RuntimeException:Unable to start activity ComponeInfo{...然后本人摸索了好久 终于找到了...
DREAMWEAVER CS6配置PHONEGAP环境搭建
在"我的第一个PhoneGap应用"中,你可能会学习到如何配置PhoneGap项目,这包括编辑配置文件`config.xml`,在这里你可以定义应用的名称、版本、图标和其他元数据。你还会学习到如何添加设备API,这些API是PhoneGap提供...
2. **设备API访问**:PhoneGap提供了一系列的API接口,比如`device`对象,可以获取设备的信息(如型号、操作系统版本)。`camera` API则允许用户拍照或从相册选择图片。`geolocation` API可以获取设备的位置信息。...
PhoneGap/Cordova通过利用WebView(在iOS上是UIWebView或WKWebView,在Android上是WebView)来加载一个本地的Web视图,并通过一些原生插件来提供访问移动设备硬件的能力。在开发PhoneGap/Cordova应用时,正确配置...
- 开发PhoneGap应用时,需要配置Android开发环境,包括安装Android Studio、Java Development Kit (JDK)和Android SDK。 - 创建PhoneGap项目时,首先需要在命令行中使用PhoneGap或Cordova CLI初始化一个新的项目...
在这个特定的场景中,我们要探讨的是如何在PhoneGap 3.0版本上实现“摇一摇”功能来拨打电话。 首先,我们要理解PhoneGap的核心原理:通过WebView将Web应用包装成原生的移动应用,利用JavaScript接口调用设备的API...
PhoneGap环境搭建是开发跨平台移动应用的第一步,这里我们将详细讲解如何进行PhoneGap的配置和安装。 1. **系统需求**:首先,你需要一个支持PhoneGap开发的计算机系统,通常要求是Windows、Mac OS或Linux。确保...
jquery mobile + html5 手机app表单跨域提交实例 详细讲解请参考 http://blog.csdn.net/lzy8395/article/details/39666027 手机app开发html5 juqery moblie phonegap系列一
PhoneGap做的手机WebAPP安装程序
5. 安装PhoneGap:PhoneGap的安装通常涉及到下载PhoneGap库,然后在Eclipse中配置相应的构建路径。 在搭建好环境后,开发者可以创建一个基于Android平台的PhoneGap项目。这通常涉及以下过程: 1. 创建一个新的...
1. **组件丰富**:IONIC提供了一系列可定制的UI组件,如导航栏、侧滑菜单、表单控件等,帮助开发者快速搭建应用界面。 2. **性能优化**:通过使用Web Components和CSS3动画,IONIC能够实现接近原生应用的性能。 3. *...