(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)

原文地址: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商店发行;它简单的通过包含在网页中,电子邮件中甚至打印版中的链接传播。

开发环境部署:跟着下面的步骤做

  1. 安装JDK 和Eclipse

  2. 下载Android SDK.

  3. 下载Eclipse插件ADT

  4. 配置Eclipse 到 Android开发

  5. 安装必须的Android平台

  6. 创建新的Android虚拟设备

  7. 下载PhoneGap SDK

  8. 下载Dojo Toolkit

第一步:安装JDK 和Eclipse 

JDK 7 下载页 

根据你的操作系统选择合适的版本 。 双击下载文件安装。

Eclipse Classic 4.2 下载页面

Eclipse不需要安装,解压直接就可用。

具体环境变量的配置和JDK的配置这里不再赘述。详见:JDK配置

 

第二步:下载Android SDK

Android SDK 下载页面

开发Android应用必须用到Android SDK 。它是用来编译,创建,模拟,调试Android应用的命令行集合。

双击下载得到的可执行文件安装。安装结束会启动Android SDK Manager 对话框。如图:

(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)
 

此时你可以选择安装你需要的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.

如图所示:

(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)
 

安装完成后应该会自动重启Eclipse。

 

第四步:配置Eclipse 到 Android开发

  • 选择菜单 Window > Preferences > Android.

  • 点击Browse…  选择你的Android SDK 安装目录。如图所示:

(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)
 

  • 点击Apply和 OK.

为了方便调试程序添加Android LogCat视图到Eclipse界面:

  • Window > Show View > Other…

  • Android > LogCat

第五步:安装必须的Android平台

为了给某一特定的版本编译android应用,必须下载并安装一个或多个android平台。平台包括库文件和模拟器。

在eclipse中,打开Android SDK  Manager(用开管理android SDK 版本和模拟器),

选择 Window > Android SDK Manager,如图所示:

(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)
 

 勾选你想要开发平台,点击Install.

ps:这将是一个非常蛮长的过程。他一边安装着,你可以继续往下看。

 

第六步:创建新的Android虚拟设备

选择 Window > AVD Manager>New     如图所示:

(翻译)手机应用开发 第一节:PhoneGap and Dojo Mobile on Android(开发环境部署)
 

 输入name, target, SD card size, 和 HVGA skin

选择Create AVD.

第七步:下载PhoneGap SDK

PhoneGap 下载页

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 下载

Dojo Toolkit是一个开放源代码的javascript 工具包 ,用来快速开发网站和应用(通过浏览器加载)。

由于手机浏览器没有桌面浏览器功能强大,Dojo 包含了一个手机版,即Dojo Mobile。它针对手机浏览器进行过优化,并且它提供了许多UI 控件和主题。使用这些控件和主题你可以是你的WEB应用更像一个本地应用。

Dojo 包含的一些关键功能:

  • 轻量级加载控件

  • CSS3 动画和渐变用来在高端的iOS 和 Android 设备上使应用更像本地应用

  • iOS 和 Android 主题

  • 自动适应不支持CSS3的设备和浏览器

  • 全声明语法,易学习

  • 大量的可用控件

================================================================

经过上面漫长的下载,安装,配置,终于可以开始建立我们的第一个应用了。文章太长了,编辑器都有点迟钝了,只好另起一篇写了。

如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。

翻译的不好,真诚希望得到大家的指正。

相关推荐