phonegap混合开发之环境安装

       从事Android软件开发一年多，最近项目开发网站移动端，小菜这一年Android开发项目都是集中在原生Android多媒体的开发，对于web开发 很棘手，不知道如何如何快速进入实战阶段。幸好有了phonegap这种混合开发模式，小菜学习摸索几周最终有一个比较简单demo，和初学者分享一下，大神就不要鄙视了。。

     首先简单介绍一下phonegap,PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。

 不啰嗦了，各位肯定明白Phonegap是什么东东了，首先介绍一下phonegap+android开发环境搭建。

一.安装环境

1.首先andorid开发环境，这里忽略，太简单了，各位肯定都明白啊、windows系统android开发环境安装过程，就不赘述。

2.phonegap 3.x以后版本都是基于npm命令安装，所以首先安装node.js

node.js下载笛子node.js下载地址

3.安装phonegap

npm install -g phonegap  --registry http://registry.npm.taobao.org info

//等待安装   完成后安装 cordova:

npm install -g cordova --registry  http://registry.npm.taobao.org info

注意：用淘宝的内容源才可以下载安装成功，官网下载安装命令npm install -g phonegap速度很慢，基本下载不下来，翻墙也没有用，所以要感谢淘宝理解中国的程序员.

安装完成后  
检验语句:

phonegap -version

cordova -version




二.创建项目

1. phonegap create hello（项目名称） com.example.hello（包名） HelloWorld（显示的文字）

2. phonegap build android 创建android项目

当然也可以添加多个平台支持，重复上面的命令，把android换成你需要添加的平台

下一步：

phonegap run android

OK，如果你的手机连接了电脑，现在项目已经可以运行了。

现在一个phonegap 基于android平台的工程就创建完成了.

三.导入html,js文件

把你自己html文件导入phonegap工程目录E:\myApp\platforms\android\assets\www\，第一个html页面命名为index.html

这是小菜demo的html页面,很简单。

主页activity通过loadUrl就可以通过webview加载你的html页面,具体项目中js调用android平台的api，可以通过插件实现，具体操作可以看官方文档。