- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
.word可编辑.
. 专业.专注 .
PhoneGap手机开发入门(译)
前言
今天的30天挑战,我决定学习手机开发。长期以来,我对手机开发心存疑虑,认为大部分的应用没有手机市场,实际上,我一直对手机开发提不起兴趣。然后,在移动方面的大力发展,事实上越来越多的人选择用手机上网,我决定试试手机开发。我将用PhoneGap开启我的移动开发之旅。?
?
在这篇博客里,我们先看看PhoneGap的基础,然后用它开发一个手机应用。?
手机应用用例?
我们今天要开发的手机应用是一个对30天学习30种技术挑战的阅读器。用户可以在任何Android, Symbian, webOS, 或者 Windows Phone上安装,可以从 /apps/635001/share下载。?
?
这个应用可以做以下:?
给出这个系列已经发布的博客列表,用户点击任何博客,都会在手机浏览器里打开。??
????????????????????????????????????
读者可以用它发表反馈。?
????????????????????????
PhoneGap 是什么??
PhoneGap是一个免费开源的移动开发框架,采用如HTML, CSS和JavaScript的标准Web技术。?
?
它封装了Web应用资源,而不仅仅是本地App,并且可以上传到各种App 商店。更重要的是,可以用它跨平台开发,意味着,理论上你只要对这个应用写一次,就可以发到不同的平台上。比如,这个程序我是为Android写的,但是用PhoneGap build, 也可以生成其他平台的包。大部分的标准功能,如相机,定位,存储等等可以用JavaScript API写,PhoneGap提供的JavaScript API是基于目标平台的。?
?
一些关于PhoneGap的事迹:
2009年,Nitobi开发了一个移动开发框架叫PhoneGap.?
2011年10月,Adobe收购Notobi(PhoneGap新创公司).?
Adobe为PhoneGap设立Apache基金。?
有个开源项目叫Apache Cordova.?
PhoneGap是Adobe实施在开源项目Apacke Cordova上的,PhoneGap的核心使用Apache Cordova.?
它有基于体系的插件,所有设备功能可用插件形式,我们这里会用到几个插件。?
我为什么关注PhoneGap??
我考虑PhoneGap的原因:?
没有必要学习每个设备上每个应用的原生应用开发。如果开发者想在多个平台上开发,PhoneGap的跨平台特色可以节约很多时间和努力。我会HTML,CSS和JavaScript,所以可以很顺利开始手机开发。?
对于开发用REST API的CRUD手机应用很有效。?
不用强制开发者使用某一CSS库,可以自由选择自己的风格,我这里使用jQuery.?
PhoneGap前提准备?
PhoneGap需要NOdeJS,我们用npm安装。NPM是NodeJS的包管理器,新版本的NodeJS自带,可以从 官网下载最新版本。?
?
同时你也需要安装目标平台的SDK, 例如,你想创建Android程序,就需要安装Android开发工具。PhoneGap用他们的SDK去建目标平台的包。?
开始PhoneGap?
使用以下方式安装PhoneGap.?
$ sudo npm install -g phonegap?
这个命令会全局安装PhoneGap包,允许Phonegap命令在任何路径可用。?
要安装插件,就要安装Cordova 命令器。?
输入以下命令安装Cordova.?
$ sudo npm install -g cordova?
Github 仓库?
今天的demo在 github: 30technologies30days-mobile-app.?
创建PhoneGap应用?
phonegap提供了用命令新建模板phonegap项目,输入以下命令。?
$ phonegap create reader --id io.reader --name Reader30?
这个命令会创建一个reader路径。?
第一个参数指定了阅读器生成的路径,另外两个参数可选,io.reader提供项目的反转域标识,Reader30提供程序显示的文字。??
?
这个phonegap阅读器程序的文件夹结构如图。
?来看看各生成的文件夹.
Merges文件夹提供空间给要发布到指定平台的特定资源。例如,我们可能用merges为Andriod设备改变字体大小。
Platorms路径保存平台创建文件,当我们创建了一个项目,这些原始文件都会别置于这个平台路径下。
Plugins文件夹保存这个
文档评论(0)