原文地址:Mobile application development, Part 1: PhoneGap and Dojo Mobile on Android
ps:由于原文发布于2011-9-13。时间较早。而大部分软件,框架都有很大更新和变化。我会将原文中发生变化的部分修改成最新的。
简介:
无论走到哪,大家使用手机和家人朋友保持联系,拍照并分享到社交网站,寻找餐馆的位置,浏览最新新闻头条。外表各异的手机运行着各式各样的操作系统:苹果的IOS,谷歌的Android还有黑莓手机等等 。大屏,物理键盘,3G,4G或者WIFI网络。也许还有加速传感器,位置传感器,甚至支付功能。还有其他一些设备,例如:有更大显示器的平板。
如果不去关注他们之间的区别,手机在运行手机应用方面是相似的。手机应用可以分为两类。
本地应用:
安装在手机上,本地应用是通过使用SDK开发并通过APP商店发行的可执行程序。每一种操作系统都有自己SDK,不幸的是它们各不相同。例如:为了给IOS做应用,你必须下载安装IOS SDK和开发工具,并且你必须使用Objective-C开发你的应用。一个Android应用通过Android SDK和java开发。所以为了创建一个手机应用,你必须学习每一个SDK,并且用不同的语言编写代码。每一个平台的SDK学习曲线很陡峭,所以手机应用开发十分复杂。
WEB应用:
通过手机浏览器加载,web应用和本地应用的区别在于web应用使用web技术(HTML, JavaScript和CSS)开发而不用去理会设备的操作系统。不用去为每一种设备学习一种不同的语言。HTML和JavaScript对于开发者非常友好因为他们用开发网页。大多数情况下,手机浏览器可以渲染相同的网页,但是通常网站提供手机版,拥有略少的内容和更快的加载速度(由于手机的屏幕尺寸和网络速度的限制)。
为了运行一个web 应用,用户在浏览器里输入一个网址。浏览器加载的这个页面就是web应用的入口点。web应用并不是通过APP商店发行;它简单的通过包含在网页中,电子邮件中甚至打印版中的链接传播。
开发环境部署:跟着下面的步骤做
-
安装JDK 和Eclipse
-
下载Android SDK.
-
下载Eclipse插件ADT
-
配置Eclipse 到 Android开发
-
安装必须的Android平台
-
创建新的Android虚拟设备
-
下载PhoneGap SDK
-
下载Dojo Toolkit
第一步:安装JDK 和Eclipse
根据你的操作系统选择合适的版本 。 双击下载文件安装。
Eclipse不需要安装,解压直接就可用。
具体环境变量的配置和JDK的配置这里不再赘述。详见:JDK配置
第二步:下载Android SDK
开发Android应用必须用到Android SDK 。它是用来编译,创建,模拟,调试Android应用的命令行集合。
双击下载得到的可执行文件安装。安装结束会启动Android SDK Manager 对话框。如图:
此时你可以选择安装你需要的android 平台。也可以等到 第五步:安装必须的Android平台 再安装也可以。
第三步:下载Eclipse插件ADT
Android提供一个Eclipse插件极大地简化了应用的开发。它和Eclipse集成到一起提供一个快速开发环境。安装ADT插件步骤如下:
启动Eclipes,选择菜单Help > Install New Software… > Add…
输入name 和URL。name 可以随便填写,url 必须填写为https://dl-ssl.google.com/android/eclipse/
稍等片刻,选中Developer Tools,确保所有的选择框都被选中,一路点击下一步就安装好了ADT.
如图所示:
安装完成后应该会自动重启Eclipse。
第四步:配置Eclipse 到 Android开发
-
选择菜单 Window > Preferences > Android.
-
点击Browse… 选择你的Android SDK 安装目录。如图所示:
-
点击Apply和 OK.
为了方便调试程序添加Android LogCat视图到Eclipse界面:
-
Window > Show View > Other…
-
Android > LogCat
第五步:安装必须的Android平台
为了给某一特定的版本编译android应用,必须下载并安装一个或多个android平台。平台包括库文件和模拟器。
在eclipse中,打开Android SDK Manager(用开管理android SDK 版本和模拟器),
选择 Window > Android SDK Manager,如图所示:
勾选你想要开发平台,点击Install.
ps:这将是一个非常蛮长的过程。他一边安装着,你可以继续往下看。
第六步:创建新的Android虚拟设备
选择 Window > AVD Manager>New 如图所示:
输入name, target, SD card size, 和 HVGA skin
选择Create AVD.
第七步:下载PhoneGap SDK
PhoneGap 是一个开放源代码手机应用开发框架,它支持很多平台,包括Android, iOS, Blackberry, Palm, Symbian,和 Windows Phone.使用PhoneGap和标准的web技术(HTML, JavaScript和 CSS) 你可以轻松地编写跨平台的手机应用,并且通过javascript可以调用手机的功能,比如加速器,相机等等。
PhoneGap提供了一系列javascript API 使你可以调用手机功能(这在普通的通过浏览器加载的应用中式无法实现的)。
PhoneGap通过对你的web应用进行本地包装,它把web应用代码和浏览器渲染器结合起来产出一个本地应用,你的应用就可以在APP商店发行,并在设备上安装。
PhoneGap API的一部分可以使你调用手机的加速器,视频和音频捕捉,相机,罗盘,联系人,文件,地理位置,网络,通知和存储功能。 PhoneGap API文档有更多细节和示例。
下载完成之后,你需要将其部分文件拷贝到项目中去,下边会介绍具体操作。
第八步:下载Dojo Toolkit
Dojo Toolkit是一个开放源代码的javascript 工具包 ,用来快速开发网站和应用(通过浏览器加载)。
由于手机浏览器没有桌面浏览器功能强大,Dojo 包含了一个手机版,即Dojo Mobile。它针对手机浏览器进行过优化,并且它提供了许多UI 控件和主题。使用这些控件和主题你可以是你的WEB应用更像一个本地应用。
Dojo 包含的一些关键功能:
-
轻量级加载控件
-
CSS3 动画和渐变用来在高端的iOS 和 Android 设备上使应用更像本地应用
-
iOS 和 Android 主题
-
自动适应不支持CSS3的设备和浏览器
-
全声明语法,易学习
-
大量的可用控件
================================================================
经过上面漫长的下载,安装,配置,终于可以开始建立我们的第一个应用了。文章太长了,编辑器都有点迟钝了,只好另起一篇写了。
如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。
翻译的不好,真诚希望得到大家的指正。