Cordova webapp实战开发（中)-移动端开发-火龙果软件工程

Cordova webapp实战开发（中)

作者：tangjiarao 来自于：CSDN 发布于 2015-11-6

3519 次浏览

Cordova webapp实战开发：（3）后面可能会学到的东西

在《Cordova webapp实战开发：（2）认识一下Cordova》中我们了解了Cordova和Phonegap的关系，并简要介绍了一下它的架构，以及多平台性，并给大家留了一些作业。我看到群里也有人已经完成，真是认真学习的人！我相信这样的人一定会进步比较快，认真而踏实，即使没有其他人聪明，但是一定会比他们更优秀。

周五的时候大家就给我上一篇点了40多个赞，并有20条回复，我又要开始写下一篇了。本来决定下周一开始写，不过看群里大家聊得蛮积极的，被这种学习热情所打动，我就把这个系列写的勤快一些吧。

那这一篇要写些什么呢？

如果对想学的东西在一开始有一个大概的了解，我想会增加对学习的信心和热情，所以，今天我要说的是后面我们可能会学到的东西。为什么说可能呢？因为我也在用Cordova做产品，后续可能会使用一些现在还没有使用到的东西，所以后续可能讲的会比我现在说的多。

今天的这篇博客没有作业，毕竟是周末，轻松一点也算是对自己好的一种表现，劳逸结合才能让自己更加高效。那我就开始罗列一下你可能会学到的东西吧。大家也可以补充你们想学的东西。如果正好是我也会的，我可以考虑是否加入以及如何加进去。

开发工具和开发环境

我们只讲Android和iOS下的App，所以也只要讲对这两个平台下的开发工具的环境搭建

开发Android我用的是Eclipse，Windows下进行

开发iOS用的是XCode，Mac OS下进行

服务器端为了简单，实际项目是JAVA，为了简单起见，我们就是用PHP语言来说，使用的工具仍旧是Eclipse，Windows下进行

前后端知识普及

Javascript简要知识

JQueryMobile简要知识

PHP

Android原生

iOS原生

Cordova项目

如何新建项目

Cordova项目文件介绍如何使用Cordova自带插件

如何使用自己的插件

（不会涉及源码解析）

App功能点

JQuery Mobile页面编写

趋势图

自动完成

定位

Splash Screen

二维码和社交分享

自动更新

应用体验，自动登录

录音

传文件

拍照

推送

APP发布

Android市场

AppStore

运营

也许还会讲一些运营方面的内容，

Cordova webapp实战开发：（4）Android环境搭建

JAVA环境

1.安装JAVA JDK

2.打开我的电脑--属性--高级--环境变量

新建系统变量JAVA_HOME，变量名：JAVA_HOME ，变量值：C:\Program Files\Java\jdk1.7.0

新建系统变量CLASSPATH，变量名：CLASSPATH ，变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

选择“系统变量”中变量名为“Path”的环境变量，双击该变量，在原来变量后追加 ;%JAVA_HOME%\bin

3.现在测试环境变量的配置成功与否。在DOS命令行窗口输入“JAVAC”，输出帮助信息即为配置正确。如图：

Android环境

1. 下载Andorid SDK以及Eclipse

如果你想通过Eclipse来开发Andorid应用程序，在你配置好了JDK变量环境之后可以安装Eclipse之后下载Android SDK（Software Development Kit）并在Eclipse中安装ADT插件，这个插件能让Eclipse和Android SDK关联起来。为了更加方便，在Andorid SDK下载中会包括SDK以及一个可以直接使用的Eclipse。

写blog，我不能保证文章的内容在以后也能使用，包括下载地址和链接，但我既然写了，就要有责任保证现在的是能用的。以前下载地址是在Android SDK，大家可以根据自己的系统选择相应的系统版本下载。不过今天我写这篇文章的时，不知是我网络原因还是其他的，总之不能访问，所以我在我的百度网盘放了一个之前下载的SDK压缩包，大家可前往下载：http://pan.baidu.com/s/1gdgur2j。下载完后，我把这个压缩包解压到E:\dev-tools\adt-bundle-windows-x86_64-20140321（你可以自己随便放在哪个盘符）

2. 环境变量的配置

在JAVA环境配置中，我们做了一步环境变量的配置，对于android的开发人员来说，我们首先要做的也是环境变量的配置。

打开我的电脑--属性--高级--环境变量

新建系统变量ANDROID_HOME，变量名：ANDROID_HOME，变量值：E:\dev-tools\adt-bundle-windows-x86_64-20140321\sdk

选择“系统变量”中变量名为“Path”的环境变量，双击该变量，在原来变量后追加 ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

现在测试环境变量的配置成功与否。在DOS命令行窗口输入“adb”，输出帮助信息即为配置正确。如图：

Cordova环境

在Apache Cordova官网上有明确的建立步骤，具体说明在 The Command-Line Interface 中。

1.安装NodeJS

2.下载安装一个 git客户端

3.Window下行执行命令行：

npm install -g cordova

Mac下执行命令行

$ sudo npm install -g cordova

我现在的电脑已经存在Cordova项目，但是安装环境却没有了。为了写这篇文字，我又重新安装cordova，在命令行下输入

同样，仍旧非常慢，别急，耐心点，不要中断执行，出去跑5公里之后再回来看看是否安装成功了。本来这篇博文是昨天发布的，只是这一步一直未完成，今天一大早又再试了试，很快就完成了。

安装成功的样子是这样的：

如果你真的很着急，就要明白下载慢的原因了。下载慢是因为源的问题，如果等不及可以使用其它源。我看在PhoneGap App开发QQ群中有人介绍了通过更改下载源可以解决，如果你知道的话，可以在本文回复一下，与大家分享一下。

敏捷个人，快乐、平衡、高效

下面我们来做一个Hello world示例

1. 新建一个项目，执行命令行 cordova create agileme cn.zhoujingen.agileme AgileMe , 如果安装有问题可以后面加上 –d启动查看执行详细信息。下载类库时间有点长，我大概等了10几分钟吧，你也耐心点，不要中断执行。我第一次就是因为不想等了，然后中断，导致后面步骤失败，不得已删除下载的类库目录文件再次执行此步骤