Phonegap/cordova 5 中文入门教程

phonegap是一个跨平台的移动app开发框架,但是对于新手来说,遇到这么个陌生的东西,最麻烦的就是环境搭建,环境搭建成功,说明你已经学会了50%的phonegap开发了。这里主要先说android环境搭建,ios是非常之简单

1.下载和安装Cordova框架

现在cordova是利用nodeJS进行管理,所以需要先下载nodeJS。其中,就包含了npm管理器。下载地址:

https://nodejs.org/

在命令行窗口确认安装完成,输入命令,查看nodejs版本

npm–version

2.在windows上安装Cordova

在命令行窗口输入:

npminstall-gcordova

安装完后输入命令检查是否安装成功

cordova-v

3.安装android开发环境要求的jdk

自己到sun.com下载java的开发环境,现在是最新版1.8,很简单,双击exe安装

4.安装ADT,要编译android应用,需要adtsdk编译器,这个是google的,可能需要fanqiang

下载ADT,地址:

http://developer.android.com/sdk/

安装完后启动AndroidSDKManager,下载androidsdk和工具

上面主要的难点和问题是androidsdk的安装,因为被墙的原因,安装可能需要耗点时间和精力。安装完后就可以使用cordova了。

5.创建第一个phonegap/cordova项目

创建cordova项目,第一个demo是目录,第二个是应用包名,第三个参数是应用名称

cordovacreatedemocom.baidu.demodemo

工程创建完后添加android支持

Cordovaplatformaddandroid

第一次创建项目需要联网下载模板,可能需要点时间,等待完成后输入编译命令

Cordovarunandroid

如果android手机连接到了电脑,应用会被安装到手机,可以在手机上查看效果了,如果手机未连接到电脑或者未正常驱动,则可以单独编译然后手动安装

Cordovabuildandroid

Build后apk会产生,放在项目的platform/android/builds/下面

Phonegapcordova开发交流群475496285

相关推荐