《PhoneGap手机开发入门(译)》由会员分享，可在线阅读，更多相关《PhoneGap手机开发入门(译)（10页珍藏版）》请在金锄头文库上搜索。
1、.word可编辑.PhoneGap手机开发入门(译)前言今天的30天挑战，我决定学习手机开发。长期以来，我对手机开发心存疑虑，认为大部分的应用没有手机市场，实际上，我一直对手机开发提不起兴趣。然后，在移动方面的大力发展，事实上越来越多的人选择用手机上网，我决定试试手机开发。我将用PhoneGap开启我的移动开发之旅。在这篇博客里，我们先看看PhoneGap的基础，然后用它开发一个手机应用。手机应用用例我们今天要开发的手机应用是一个对30天学习30种技术挑战的阅读器。用户可以在任何Android, Symbian, webOS, 或者 Windows Phone上安装，可以从https:/ 给出
2、这个系列已经发布的博客列表，用户点击任何博客，都会在手机浏览器里打开。 2. 读者可以用它发表反馈。 PhoneGap 是什么？PhoneGap是一个免费开源的移动开发框架，采用如HTML, CSS和JavaScript的标准Web技术。它封装了Web应用资源，而不仅仅是本地App，并且可以上传到各种App 商店。更重要的是，可以用它跨平台开发，意味着，理论上你只要对这个应用写一次，就可以发到不同的平台上。比如，这个程序我是为Android写的，但是用PhoneGap build, 也可以生成其他平台的包。大部分的标准功能，如相机，定位，存储等等可以用JavaScript API写，Phone
3、Gap提供的JavaScript API是基于目标平台的。一些关于PhoneGap的事迹：1. 2009年，Nitobi开发了一个移动开发框架叫PhoneGap.2. 2011年10月，Adobe收购Notobi(PhoneGap新创公司).3. Adobe为PhoneGap设立Apache基金。4. 有个开源项目叫Apache Cordova.5. PhoneGap是Adobe实施在开源项目Apacke Cordova上的，PhoneGap的核心使用Apache Cordova.6. 它有基于体系的插件，所有设备功能可用插件形式，我们这里会用到几个插件。我为什么关注PhoneGap?我考虑P
4、honeGap的原因：1. 没有必要学习每个设备上每个应用的原生应用开发。如果开发者想在多个平台上开发，PhoneGap的跨平台特色可以节约很多时间和努力。我会HTML,CSS和JavaScript，所以可以很顺利开始手机开发。2. 对于开发用REST API的CRUD手机应用很有效。3. 不用强制开发者使用某一CSS库，可以自由选择自己的风格，我这里使用jQuery.PhoneGap前提准备PhoneGap需要NOdeJS,我们用npm安装。NPM是NodeJS的包管理器，新版本的NodeJS自带，可以从官网下载最新版本。同时你也需要安装目标平台的SDK, 例如，你想创建Android程序，
5、就需要安装Android开发工具。PhoneGap用他们的SDK去建目标平台的包。开始PhoneGap使用以下方式安装PhoneGap.$ sudo npm install -g phonegap这个命令会全局安装PhoneGap包，允许Phonegap命令在任何路径可用。要安装插件，就要安装Cordova 命令器。输入以下命令安装Cordova.$ sudo npm install -g cordovaGithub 仓库今天的demo在 github: 30technologies30days-mobile-app.创建PhoneGap应用phonegap提供了用命令新建模板phonegap
6、项目，输入以下命令。$ phonegap create reader -id io.reader -name Reader30这个命令会创建一个reader路径。第一个参数指定了阅读器生成的路径，另外两个参数可选，io.reader提供项目的反转域标识，Reader30提供程序显示的文字。这个phonegap阅读器程序的文件夹结构如图。来看看各生成的文件夹.1. Merges文件夹提供空间给要发布到指定平台的特定资源。例如，我们可能用merges为Andriod设备改变字体大小。2. Platorms路径保存平台创建文件，当我们创建了一个项目，这些原始文件都会别置于这个平台路径下。3. Plu
7、gins文件夹保存这个程序要用的插件，当我们安装了一个插件，这个文件就会在这个路径下。4. WWW路径存放程序的源文件如html, css和img文件。我们主要在这里花费时间。Config.xml文件包含了程序生成和分配需要的元数据，元数据包含如程序名字，描述，作者信息，程序权限等，这里有完整列表。在Android上运行程序，输入以下命令。$ phonegap run android它会先为Android创建阅读器程序，如果有设备连接好就会在上面跑这个示例程序。如果没有连接的，Android模拟器会启动并在上面运行程序。注意：Android模拟器的性能很差，所以建议你连接真实移动设备。加速An
8、droid模拟器的建议参考Grant Shipley的博客。开发手机应用我们的程序如上所示有两个页面，一个一个来写。第一个：列出所有博客主页列出这段时间发表的所有博客，先更新index.html，从我的git上复制css和javascript文件。 Learn 30 technologies in 30 days 30Technologies30Days Feedback Home Shekhar Gulati 2013 title publishedOn View Code 以上代码会导入所有需要的css和javascript文件，用jQuery mobile实现适合本地程序的样式，同时也定义了mustache模板来列出博客。程序的javascript在app.js文件里。$(document).ready(function() homeView(); $(.home).on(tap, renderHomeView); $(
