`
单一色调
  • 浏览: 86094 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

PhoneGap系列一 3.1安装配置

阅读更多

前言:

         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

项目结构图如下:


 

运行效果如下:


 

 

  • 大小: 2.5 KB
  • 大小: 13.7 KB
  • 大小: 4 KB
  • 大小: 16.3 KB
  • 大小: 44.3 KB
分享到:
评论

相关推荐

    Phonegap demo 3.1

    在描述中提到的“js工具类”可能是包含一系列通用方法的JavaScript库,这些方法对于PhoneGap移动开发非常有用。这可能包括事件处理、数据操作、网络请求、用户界面更新等功能,帮助开发者更快速、更简洁地实现常见...

    phonegap 2.9 ios配置安装详细教程

    本教程将详细讲解如何在 iOS 平台上配置和安装 PhoneGap 2.9 版本。 首先,我们需要下载两个关键组件:Xcode 和 PhoneGap。Xcode 是 Apple 提供的官方集成开发环境(IDE),用于编写 macOS 和 iOS 应用。你可以直接...

    phonegap+android--配置教程_files

    配置PhoneGap Android项目涉及安装必要的开发环境,如JDK、Android Studio、Node.js,然后创建项目、配置项目、添加平台和插件,最后构建并运行应用。1.0配置教程.htm及其_files可能是详细指导这个过程的教程资料,...

    phonegap+android开发环境配置

    总的来说,配置PhoneGap+Android开发环境需要安装JDK、Android SDK、可能的Eclipse/Android Studio,以及PhoneGap本身。确保所有组件都更新到最新版本,以获得最佳的开发体验。此外,熟悉PhoneGap API和Android SDK...

    phoneGap手机安装apk

    - **使用PhoneGap Developer App**:Adobe提供了PhoneGap Developer App,这是一款可以在设备上直接安装的应用,它可以实时同步和预览你的项目更改,无需反复构建和安装apk,大大提高了开发效率。 - **日志输出**:...

    android+Phonegap开发环境搭建

    总之,搭建Android+PhoneGap开发环境涉及安装JDK、Android Studio、Node.js和PhoneGap CLI,配置Android SDK,以及创建和运行第一个PhoneGap项目。掌握这个过程后,开发者就可以利用Web技术开发出能在Android平台上...

    phonegap(cordova)环境配置

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

    PhoneGap安装.docx

    PhoneGap 不需要安装,它是一个软件包,在开发的时候,复制一些文件过去即可。可以从 GitHub 官方网站下载最新版本的 PhoneGap,然后解压缩备用。 PhoneGap 安装需要安装 JDK、Eclipse、Android SDK 和 ADT Plugin...

    PhoneGap Cordova 3 3配置demo

    鉴于目前网上流行的资料关于PhoneGap Cordova 的配置教程几乎都是1 3版本 另外又由于官网的文档漏洞百出 一直报:java lang RuntimeException:Unable to start activity ComponeInfo{...然后本人摸索了好久 终于找到了...

    DREAMWEAVER CS6配置PHONEGAP环境

    DREAMWEAVER CS6配置PHONEGAP环境搭建

    我的第一个PhoneGap应用

    在"我的第一个PhoneGap应用"中,你可能会学习到如何配置PhoneGap项目,这包括编辑配置文件`config.xml`,在这里你可以定义应用的名称、版本、图标和其他元数据。你还会学习到如何添加设备API,这些API是PhoneGap提供...

    PhoneGap实例

    2. **设备API访问**:PhoneGap提供了一系列的API接口,比如`device`对象,可以获取设备的信息(如型号、操作系统版本)。`camera` API则允许用户拍照或从相册选择图片。`geolocation` API可以获取设备的位置信息。...

    phonegap cordova简明环境配置入门文档

    PhoneGap/Cordova通过利用WebView(在iOS上是UIWebView或WKWebView,在Android上是WebView)来加载一个本地的Web视图,并通过一些原生插件来提供访问移动设备硬件的能力。在开发PhoneGap/Cordova应用时,正确配置...

    phonegap完整例子!

    - 开发PhoneGap应用时,需要配置Android开发环境,包括安装Android Studio、Java Development Kit (JDK)和Android SDK。 - 创建PhoneGap项目时,首先需要在命令行中使用PhoneGap或Cordova CLI初始化一个新的项目...

    phonegap实现摇一摇打电话

    在这个特定的场景中,我们要探讨的是如何在PhoneGap 3.0版本上实现“摇一摇”功能来拨打电话。 首先,我们要理解PhoneGap的核心原理:通过WebView将Web应用包装成原生的移动应用,利用JavaScript接口调用设备的API...

    PhoneGap环境搭建demo

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

    jquery mobile + html5 手机app表单跨域提交实例(手机app开发html5 juqery moblie phonegap系列一)

    jquery mobile + html5 手机app表单跨域提交实例 详细讲解请参考 http://blog.csdn.net/lzy8395/article/details/39666027 手机app开发html5 juqery moblie phonegap系列一

    PhoneGap做的手机WebAPP安装程序

    PhoneGap做的手机WebAPP安装程序

    phonegap开发示例服务器端开发

    5. 安装PhoneGap:PhoneGap的安装通常涉及到下载PhoneGap库,然后在Eclipse中配置相应的构建路径。 在搭建好环境后,开发者可以创建一个基于Android平台的PhoneGap项目。这通常涉及以下过程: 1. 创建一个新的...

    IONIC+PhoneGap项目源码

    1. **组件丰富**:IONIC提供了一系列可定制的UI组件,如导航栏、侧滑菜单、表单控件等,帮助开发者快速搭建应用界面。 2. **性能优化**:通过使用Web Components和CSS3动画,IONIC能够实现接近原生应用的性能。 3. *...

Global site tag (gtag.js) - Google Analytics