PhoneGap安装配置

  PhoneGap是一能够让你用普通NewsShow的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。是唯一的一个支持7个平台的开源移动框架。它的优势是无以伦比的:开发成本低——据估算,至多Native App的五分之一!
  PhoneGap中文平台:http://www.phonegapcn.com/

一、PhoneGap简介

二、 PhoneGap是如何做到的?

三、安装PhoneGap(Cordova)环境

一、PhoneGap简介

  PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系 人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。现在PhoneGap的代码已经贡献给了Apache软件基金会(ASF),并且改名为 Apache Cordova。这个名字来源于温哥华的科尔多瓦街(Cordova Street),它是创建PhoneGap时Nitobi公司的所在地。

二、PhoneGap是如何做到的?

  使用HTML+CSS+Js开发的Web App, 会被PhoneGap包装成WebView, 嵌入到发布App中。这样最后打包的App实际上就是一个外壳,外壳中包装的就是我们开发的Web App针对不同的平台,PhoneGap会使用不同的平台编译打包。对于NativeAPI的调用,是通过Js调用完成的。这些调用的代码同样会被PhoneGap翻译成不同平台的代码,从而实现对于和不同设别的交互。也就是下图中的Phone Gap Bridge做的事情。

三、安装PhoneGap(Cordova)环境

  Apache Cordova官网安装文档: http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface

  这里我为大家整理一下安装流程,因为我的开发环境是android,所以以android开发平台为例:

  第一步,配置安装的准备工作:

  分别下载安装最新的JDK、Android SDK、Apache Ant

  JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  Android SDK下载地址:http://developer.android.com/sdk/index.html

  Apache Ant下载地址:http://ant.apache.org/bindownload.cgi

  安装完成之后,配置好环境变量。

  添加新的环境变量, 根据安装路径,调整下面的路径:

ANDROID_HOME Value: C:\Program Files\adt-bundle-windows-x86_64-20140321\sdk
ANT_HOME Value: C:\Program Files\apacheant
JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05

  添加到Path

%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

  以上完成后再在Android SDK的安装目录中,有SDK Manager.exe程序,在命令行中启动该程序。
在Tools->Manage AVDs中,创建一个新的Android模拟器。

  

  

  这里有个问题要注意:在创建Android模拟器时,可能会遇到,调加不了设备,那么我们这时候要去检索,第一种图片里面的是否有要安装的install packages

  最后就可以开始在Android平台上编译和运行我们的的第一个PhoneGap程序了。

cordova emulate android   //启动android 虚拟机

  

  第二步,命令行安装配置cordova项目:

  首先下载安装 node.js

  全局安装 cordova:

npm install -g cordova

  创建App:

cordova create hello com.example.hello HelloWorld
  • 第一个参数hello表示在工程目录中创建一个 hello 的文件夹
  • 第二个参数com.example.hello表示包名(反向域名),用于标志不同的 app
  • 第三个参数HelloWorld表示项目的名称,可以在 config.xml 文件中修改

  添加平台:

  进入创建的项目中:

cd hello

  查看已经安装的平台和支持的平台:

cordova platforms list

  在 windows 下,可以通过以下命令添加支持的平台:

cordova platform add wp7
cordova platform add wp8
cordova platform add windows8
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos

  当然,也可以删除不想要的平台:

cordova platform remove android
cordova platform rm android

  这里注意,window的只能开发andriod app 项目,不能开发ios的。

  编译项目

  通过下面命令,即可编译项目:

cordova build android

  编译完成后可以看到 platforms/android/bin/ 下已经生成了 apk 文件,会发现assets底下多了个www文件夹,为我们写css。html,js的目录,然后res下面的www文件夹可以删掉了。

  测试、运行项目

  启动 android 虚拟机:

cordova emulate android

  运行 app 项目(在虚拟机或者在真机):

cordova run android

  运行结果:

  

  参考资料:

  phonegapcn中国:http://www.phonegapcn.com/

  cordova官网:http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface   

  cordova教程: https://ccoenraets.github.io/cordova-tutorial/             

  cordova 初识之命令行工具:http://wenzhixin.net.cn/2014/02/11/cordova_command_line

  我的PhoneGap安装配置经历:http://www.it165.net/pro/html/201407/17784.html

  PhoneGap入门教程(1) - 环境搭建与配置:http://www.zwlme.com/frontend/phonegap-getting-started-tutorial-1.html

时间: 2024-10-10 14:12:05

PhoneGap安装配置的相关文章

我的PhoneGap安装配置经历

一.PhoneGap简介 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用 iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系 人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用. 二.尝试安装PhoneGap 现在经常在各大博客网站上看到PhoneGap的身影,所以打算跟随潮流,利用空闲时间学习一下PhoneG

Hybird App——cordova(原PhoneGap)安装配置

一,环境支持 1,安卓开发环境(JDK+安卓SDK+AS/Eclipse) 2,Node.js 先说下PhoneGap跟cordova的关系:PhoneGap是原先的名字,Cordova是PhoneGap被捐给apache之后用的项目名,PhoneGap的名字也被保留了...具体不深究.. 二,安装 安装完nodejs之后,就可以使用它的npm命令了(类似liunx下的命令). 1,安装: npminstall -g cordova 2,完成之后进行版本检查,确定安装完成: cordova -v

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

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

安装配置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开发环境

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 phonegap 安

phonegap安装 Android版

phonegap的安装路途曲折,首先要基于多种程序,中途还要解决各种问题,下面是phonegap需要的程序 1.NodeJs 2.Phonegap 3.jdk,jre 4.Apache Ant 5.AndroidSDK 步骤: 1.安装nodejs. 2.成功后在cmd中npm install -g phonegap,自动下载安装phonegap. 3.下载jdk并安装jdk,jre(不要装在\Program Files文件加下,jdk的安装目录下不能有空格),并配置环境变量. 4.下载Apac

phonegap环境配置

用于自己备注,呵呵 写的比较简单 操作系统:win7 -------------------------------- 1,安装JDK 2,下载ADT 3,下载ANT 4,安装node.JS 5,配置环境变量 ANDROID_HOME D:\adt-bundle-windows-x86_64-20131030\sdk path 加入 D:\apache-ant-1.9.4-bin\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools 开始C

CentOS 6.9中Telnet的安装配置

Telnet:TCP/IP协议中的一员,是Internet远程登录服务的标准协议和主要方式.它为用户提供了在本地计算机上完成远程主机工作的能力.要开始一个Telnet会话,必须输入用户名和密码来登录服务器.Telnet是常用的远程控制Web服务器的方法,监听TCP的23号端口. xinetd:新一代的网络超级守护进程,经常用来管理多种轻量级的Internet服务.xinetd提供类似于inetd+tcp_wrapper的功能,但它更强大更安全.xinetd能够同时监听多个指定的端口,在接受用户请

使用LVS实现负载均衡原理及安装配置详解

转:http://www.cnblogs.com/liwei0526vip/p/6370103.html 使用LVS实现负载均衡原理及安装配置详解 负载均衡集群是 load balance 集群的简写,翻译成中文就是负载均衡集群.常用的负载均衡开源软件有nginx.lvs.haproxy,商业的硬件负载均衡设备F5.Netscale.这里主要是学习 LVS 并对其进行了详细的总结记录. 一.负载均衡LVS基本介绍 LB集群的架构和原理很简单,就是当用户的请求过来时,会直接分发到Director