探索开发跨平台移动App,谈Jquery Mobile 和PhoneGap应用

  随着智能手机等设备的大范围普及,各形各色的移动端软件随之既出。各互联网运营商也都在抢占移动软件的占有率。不惜采用财力进行宣传推广。例如,通过手机淘宝客户端购买物品总比pc端要便宜,360手机助手下载对应软件可得开发者红包等等。

  目前各移动端所运行的系统也有不少,android、wp、ios等等。面对不同的系统,开发者往往要根据需求开发不同系统下的对应版本,作为企业则要招聘懂各种语言的开发人员,进行移动端开发,需要耗费很多的财力物力。不能最佳的利用。

因此,为了统一各移动平台,使开发一款产品就可以运行在各大移动手机系统之上。PhoneGap和Jquery Mobile闪亮登场!

  何为Jquery Mobile(http://jquerymobile.com/)?笔者认为他是属于一个移动Web跨浏览器的框架(移动UI框架)。通过这个框架,使得开发的网页更接近移动UI。总体来说,属于一个开发移动端网页的框架。牵扯到原理说的话,应该是Jquery Mobile为我们封装了很多的css(只需要我们增加网页标签的属性就可以变成移动ui控件),为的是让我们更快更迅速的开发手机端网页。其学习资源可取官网进行api学习。通过简单的配置就可以了

  何为PhoneGap(http://phonegap.com/)?笔者认为他算是一个api,它可以控制移动端核心功能(包括地理定位,加速器,联系人,声音和振动等),PhoneGap也拥有丰富的插件供开发者调用。

  如果我们把两者结合起来,两者协同使用便可以开发一款跨平台的移动端应用程序。

  因为本身手机端对网页的兼容性总会比pc端更新较快,所以两者协同开发也变成了一种可能。

java环境配置:

一、 JDK 下载以及安装

http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

二、 JDK 环境变量配置

进行 java 开发,首先要安装 jdk,安装了 jdk 后还要进行环境变量配置:

1、 下载 jdk(http://java.sun.com/javase/downloads/index.jsp)

2、 安装 jdk

3、 配置环境变量:右击“我的电脑”-->"高级"-->"环境变量"

1) 在系统变量里新建 JAVA_HOME 变量,变量值为:C:\Program Files\Java\jdk1.7.0_17(根

据自己的安装路径填写)

2) 新建 classpath 变量,变量值为:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

3) 在 path 变量(已存在不用新建)添加变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

(注意变量值之间用“;”隔开)

%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\Sy

stem32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Microsoft SQL

Server\100\Tools\Binn\;C:\Program Files\Microsoft SQL Server\100\Tools\Binn\;C:\Program

Files\Microsoft SQL

Server\100\DTS\Binn\;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;C:\Program

Files\TortoiseSVN\bin

4、 “开始”-->“运行”-->输入“javac”-->"Enter",如果能正常打印用法说明配置成功!

补充环境变量的解析:

JAVA_HOME:jdk 的安装路径

classpath:java 加载类路径,只有类在 classpath 中 java 命令才能识别,在路径前加了个"."表

示当前路径。

path:系统在任何路径下都可以识别 java,javac 命令。

三、 Eclipse + ADT plugin+Android SDK 集成环境

ADT Bundle for Windows 安装

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

phonegap环境配置:

  http://phonegap.com/install/