Cordova移动端混合开发之路（一）

                                    Cordova移动端混合开发之路（一）

前言：

虽然移动端的混合开发已经流行了很长一段时间了，第一次接触到混合开发概念是在2012年的一次html5团队的推介会上，但是由于当时团队的前端技术积累不足，加之业务内容h5的特性不多，所以就暂时搁置了，也没做过多了解。后来由于工作内容的变动，暂时远离了移动端开发。虽然一直有关注移动端混合开发的相关消息，也觉得这个是移动端开发的大势所趋，但一直有心无力。庆幸的是之前一段时间的工作中，对前端技术有了一定程度的了解，借此机会正好可以把移动端开发的技能重新捡起来。废话不多少，直接开始我们的混合端开发之旅吧。

经过一段时间的了解，移动混合开发框架我们选择比较主流的Cordova。web框架暂时还没考虑好，先走着再说。

开发环境搭建

 工具下载地址：https://www.androiddevtools.cn/    （android sdk、android studio、gradle、jdk）

https://nodejs.org/zh-cn/  （node，有了node就会有npm，有了npm就可以下载大部分的web端开发插件了）

首先是java开发环境的安装与配置。

下载开发环境对应的jdk版本，然后进行安装。配置 CLASSPATH、PATH、JAVA_HOME三个系统环境变量的配置。

测试方法。在dos命令行输入命令：java -version\javac\java 进行验证。

接下来是android sdk的下载和配置。

1、下载android sdk tools 压缩文件包。解压之后就可以看到 SDK Manager。

2、使用SDK Manager可以下载build-tools，platforms、platform-tools. 其中 build-tools是编译工具目录，包含了转化为davlik虚拟机的编译工具platforms里边是不同android版本的sdk包，用来开发使用。 platform-tools，里边是android开发辅助工具，比如adb、fastboot。有时候遇到adb连不到设备的情况有可能就是platform-tools中的adb版本和设备中的android版本不兼容的原因。

            如果下载时遇到网络问题，此时采用有Android SDK在线更新镜像服务器来下载安装：

北京化工大学镜像服务器地址:

IPv4: ubuntu.buct.edu.cn/ 端口：80

IPv4: ubuntu.buct.cn/ 端口：80

IPv6: ubuntu.buct6.edu.cn/ 端口：80

大连东软信息学院镜像服务器地址:

mirrors.neusoft.edu.cn 端口：80

郑州大学开源镜像站:

mirrors.zzu.edu.cn 端口：80

使用方法：

启动 Android SDK Manager ，打开主界面，依次选择『Tools』、『Options...』，弹出『Android SDK Manager - Settings』窗口；

在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server』和『HTTP Proxy Port』输入框内填入上面镜像服务器地址(不包含http://，如下图)和端口，并且选中『Force https://... sources to be fetched using http://...』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口返回到主界面；

依次选择『Packages』、『Reload』。

 

3、SDK环境变量配置

新建 ANDROID_HOME 系统环境变量，值为sdk manager的根目录。

在path变量中增加；%ANDROID_HOME%/platform-tools;%ANDROID_HOME%/tools;配置完成之后可以在dos命令窗口输入android进行测试。

接下来进行android 开发IDE的下载和安装，android官方的IDE为android studio。

android studio下载的时候会有三种类型的包，一种是bundle的，这种集成了android sdk，如果像我们上边那样安装了android sdk的话，就不用下载这种了，因为这种包比较大。安装的时候记得选择custom版。

接下来下载gradle。下载完成之后许需要解压然后进行环境变量的配置就行了。配置系统环境变量 GRADLE_HOME,和path。在dos下使用gradle -v进行测试。

下一章接下来会进行cordova的安装及配置。