PhoneGap介绍及简单部署

　一、什么是PhoneGap：

　　PhoneGap是一个自由开放源码的开发工具和框架，允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序,开发出来的程序经过在各自的平台上编译形成独立的安装程序。使程序看起来和native的程序一样。

　二、PhoneGap的优势和劣势：

　　优势：

　　　　l 跨平台：一次开发，多个平台共用。现主要包括了android，iOS，Apple iOS, Google Android, Palm, Symbian, BlackBerry 等。WP7等平台也在逐步兼容中。

　　　　l 降低开发门槛。对于很多WEB开发人员来说，熟悉Objective-C语言和Java语言都是比较痛苦的事情。有了PhoneGap就不用担心这些了。用熟悉的Web前端技术就可以开发出很专业的手机应用程序。

　　　　l 提供强大的硬件访问控制。比起传统的Web程序，PhoneGap提供了一些列的JS 的类，可以直接访问硬件。比如加速，相机，指南针，GPS，文件访问等，可以让你用JS方便地调用系统的硬件。以弥补传统Web程序的一块错误。

　　　　l 方便的安装和使用。PhoneGap的架构很复杂，但对于大多数开发者来说，只用很简单的配置就可以搭好环境。只用专注写好自己的Web页面，拷贝进去就可以了。　　

　　劣势：

　　　　l 运行速度慢：程序的载入和UI界面的反应都比原生的程序慢，因为它实际上还是在展示Web页面，所以载入、页面刷新等肯定是需要一定时间的。

　　　　l 不适合部分程序。如果你的程序需要3D功能，或者对界面刷新有较高的要求，这样的程序现在来说还只是用原生的语言会比较好。

　三、PHONEGAP开发需要的基本知识：

　　l HTML：做为最基本的Web开发，HTML知识必不可少。现在很多移动终端已经支持HTML5了，所以最好学会HTML5相关的知识；

　　l CSS：定义的页面的样式等等，不用CSS，你的页面会很难控制定位和样式等等。建议能掌握CSS3的相关知识，能写出更好的界面；

　　l JavaScript：后台的交互都由JavaScript实现，读写数据库，载入Google Map等等；

　　l PhoneGap的类库：都是JavaScript的库，使用很简单，有详细文档，可以参考官网：http://docs.phonegap.com/

　　l 基本的平台知识：比如要做iPhone的程序，就要知道XCode怎么安装，怎么编译，怎么获取授权证书，真机调试等等，要做android程序就要会搭建Ecllipse开发环境等等。会简单使用这些平台后，就可以安装PhoneGap的平台了，可以参　　　　　　

　　考：http://www.phonegap.com/start

　四、jQuery Mobile：PHONEGAP的得力助手：

　　开发PhoneGap的程序，jQuery Mobile不是必备，但是有了jQuery Mobile，可以使你的程序美观很多。

　　jQuery Mobile其实是一堆的样式集和JAVA事件。比如写一个按钮，iOS和android的是不同的，用HTML做出来的往往很丑。一般的处理方式是重新定义按钮的样式，使它变得更像手机平台上的按钮。jQuery Mobile为你提供了这一套框架，你可以通过很简单的属性设置就可以做出跟手机平台下车差不多的按钮，相当方便。详情可以参考：http://jquerymobile.com/

　　注：以上转载至：http://blog.sina.com.cn/s/blog_4cdc44df0100uuiq.html（在此对博主表示深深的谢意，感谢博主细心的总结。么么哒~~）　　

　　相信通过上面的介绍，大家对于PhoneGap已经有了一定的认识，下面我将带领大家通过实现一个最简单的事例来帮助大家对PhoenGap的认识。

　　工欲善其事，必先利其器。开发PhoneGap程序也一样，我们第一步需要做的是，下载最新版的PhoneGap，下载地址：http://phonegap.com/install/，下载后无需安装，PhoneGap直接解压便可以使用。PhoenGap官网提供了安装视频，但是不知道是网络原因还是什么情况，根本打不开。下载好我们的PhoneGap后，接下来我就开始进入我们的事例的实现。

　　PhoneGap的开发和我们的Android开发十分相似，我们首次需要做的和之前的项目一样，我们打开eclipse，创建一个工程，和我们之前创建工程一样，创建好我们的工程之后下面我们一起来配置开发环境。

　　先给大家看一下我们的目录结构：

　　从上面的目录结构，大家不难看出，我们今天的重头戏部分就在于assets文件夹。这个文件夹中的内容从何而来，就在我们第一步下载的PhoneGap中，我们解压我们下载好的压缩包，因为我们今天的讲解是针对Android平台开发，所以我们在解压文件中找到Android文件夹，在这个文件夹中，有我们需要的两个文件：cordova-2.8.1.jar和cordova.js，当然我的项目中引入的比较多，实际开发中，前两个是必须的，剩余的大家根据自己的开发需要进行增加。具体的操作：将cordova.js拷贝到assets下www文件夹中，将cordova-2.8.1.jar拷贝到libs文件夹下，然后记得将这个jia包导入到工程中。具体的操作：选择工程，右键单击选择properties，之后的请看下图：

　　到这里我们的大工已经完成三分之二，下面我们来完成最后的一点：

　　新建一个index.html文件，并将其拷贝到assets下www文件夹中：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery Mobile Web 应用程序</title>

<script src="js/cordova-2.7.0.js" type="text/javascript"></script>

</head>

<body> 

<h1>我的第一个PhoneGap程序</h1>

</body>

</html>

　　下一步修改我们的主Activity代码：

import android.os.Bundle;

//import android.app.Activity;

import org.apache.cordova.*;

public class MainActivity extends DroidGap {

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        //setContentView(R.layout.activity_main);

        super.loadUrl("file:///android_asset/www/index.html");

    }

}

　　接下来我们需要在AndroidMainfest.xml文件中添加一些权限声明：

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.helloword"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="17" />

    <supports-screens

        android:anyDensity="true"

        android:largeScreens="true"

        android:normalScreens="true"

        android:resizeable="true"

        android:smallScreens="true"

        android:xlargeScreens="true" />

    <uses-permission android:name="android.permission.CAMERA" />

    <uses-permission android:name="android.permission.VIBRATE" />

    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />

    <uses-permission android:name="android.permission.INTERNET" />

    <uses-permission android:name="android.permission.RECEIVE_SMS" />

    <uses-permission android:name="android.permission.RECORD_AUDIO" />

    <uses-permission android:name="android.permission.RECORD_VIDEO" />

    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

    <uses-permission android:name="android.permission.READ_CONTACTS" />

    <uses-permission android:name="android.permission.WRITE_CONTACTS" />

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <uses-permission android:name="android.permission.GET_ACCOUNTS" />

    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.example.helloword.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

　　到这里我们的项目基本已经完成，大家运行应该可以在模拟器上出现下面的内容：

　　不过现在还不能说完成了配置，我们还需要在res文件下添加一个xml文件夹，在里面添加一个config.xml（无需改动，直接拷贝即可）：

<?xml version="1.0" encoding="utf-8"?>

<!--

       Licensed to the Apache Software Foundation (ASF) under one

       or more contributor license agreements.  See the NOTICE file

       distributed with this work for additional information

       regarding copyright ownership.  The ASF licenses this file

       to you under the Apache License, Version 2.0 (the

       "License"); you may not use this file except in compliance

       with the License.  You may obtain a copy of the License at

         http://www.apache.org/licenses/LICENSE-2.0

       Unless required by applicable law or agreed to in writing,

       software distributed under the License is distributed on an

       "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

       KIND, either express or implied.  See the License for the

       specific language governing permissions and limitations

       under the License.

-->

<cordova>

    <!--

    access elements control the Android whitelist.

    Domains are assumed blocked unless set otherwise

     -->

    <access origin="http://127.0.0.1*"/> <!-- allow local pages -->

    <!-- <access origin="https://example.com" /> allow any secure requests to example.com -->

    <!-- <access origin="https://example.com" subdomains="true" /> such as above, but including subdomains, such as www -->

    <access origin=".*"/>

    <!-- <content src="http://mysite.com/myapp.html" /> for external pages -->

    <content src="index.html" />

    <log level="DEBUG"/>

    <preference name="useBrowserHistory" value="true" />

    <preference name="exit-on-suspend" value="false" />

<plugins>

    <plugin name="App" value="org.apache.cordova.App"/>

    <plugin name="Geolocation" value="org.apache.cordova.GeoBroker"/>

    <plugin name="Device" value="org.apache.cordova.Device"/>

    <plugin name="Accelerometer" value="org.apache.cordova.AccelListener"/>

    <plugin name="Compass" value="org.apache.cordova.CompassListener"/>

    <plugin name="Media" value="org.apache.cordova.AudioHandler"/>

    <plugin name="Camera" value="org.apache.cordova.CameraLauncher"/>

    <plugin name="Contacts" value="org.apache.cordova.ContactManager"/>

    <plugin name="File" value="org.apache.cordova.FileUtils"/>

    <plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager"/>

    <plugin name="Notification" value="org.apache.cordova.Notification"/>

    <plugin name="Storage" value="org.apache.cordova.Storage"/>

    <plugin name="FileTransfer" value="org.apache.cordova.FileTransfer"/>

    <plugin name="Capture" value="org.apache.cordova.Capture"/>

    <plugin name="Battery" value="org.apache.cordova.BatteryListener"/>

    <plugin name="SplashScreen" value="org.apache.cordova.SplashScreen"/>

    <plugin name="Echo" value="org.apache.cordova.Echo" />

    <plugin name="Globalization" value="org.apache.cordova.Globalization"/>

    <plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser"/>

</plugins>

</cordova>

　　到这里我们本篇关于phoneGap的介绍就讲完了，可能大家还有疑问，欢迎留言讨论。

PhoneGap介绍及简单部署的更多相关文章

Ceph分布式存储-原理介绍及简单部署
1)Ceph简单概述Ceph是一个分布式存储系统,诞生于2004年,最早致力于开发下一代高性能分布式文件系统的项目.Ceph源码下载:http://ceph.com/download/.随着云计算的发 ...
mongodb 简单部署方案及实例
mongodb 简单部署方案及实例转载:http://my.oschina.net/zhuzhu0129/blog/53290 第一节准备工作一安装mongodb 我这里选用rehl 5.6 ...
Glue4Net简单部署基于win服务的Socket程序
smark 专注于高并发网络和大型网站架规划设计,提供.NET平台下高吞吐的网络通讯应用技术咨询和支持 Glue4Net简单部署基于win服务的Socket程序在写一些服务应用的时候经常把要它部署到 ...
Storm介绍及安装部署
本节内容: Apache Storm是什么 Apache Storm核心概念 Storm原理架构 Storm集群安装部署启动storm ui.Nimbus和Supervisor 一.Apache S ...
Apache Solr 初级教程（介绍、安装部署、Java接口、中文分词）
Python爬虫视频教程零基础小白到scrapy爬虫高手-轻松入门 https://item.taobao.com/item.htm?spm=a1z38n.10677092.0.0.482434a6E ...
Kafka介绍及安装部署
本节内容: 消息中间件消息中间件特点消息中间件的传递模型 Kafka介绍安装部署Kafka集群安装Yahoo kafka manager kafka-manager添加kafka cluste ...
消息队列介绍、RabbitMQ&Redis的重点介绍与简单应用
消息队列介绍.RabbitMQ&Redis的重点介绍与简单应用消息队列介绍.RabbitMQ.Redis 一.什么是消息队列这个概念我们百度Google能查到一大堆文章,所以我就通俗的讲下 ...
进击的Python【第十一章】：消息队列介绍、RabbitMQ&Redis的重点介绍与简单应用
消息队列介绍.RabbitMQ.Redis 一.什么是消息队列这个概念我们百度Google能查到一大堆文章,所以我就通俗的讲下消息队列的基本思路. 还记得原来写过Queue的文章,不管是线程queu ...
jenkins安装和简单部署
jenkins安装和简单部署 jenkins历史 jenkins是一款非常好用的团队CI(Continuous Integration)工具.它可以使你的构建,集成,发布,开发流程自动化.减轻各个环节 ...

随机推荐

TCL:使用、添加库文件
>直接引用工具自带的库文件通过指令: .1查看能直接调用的库文件路径 #可以查到工具默认库文件路径,一般包括回显中的路径以及回显中路径的父路径. info library #D:/Script ...
IDEA 创建Maven Web项目(图文版)
前言:IDEA作为一款广泛使用的开发工具,无论是后台人员,还是前段工作者,都能在它上面发现它的魅力. IDEA提供了诸多项目模板,今天就以创建Maven Web项目作为示例,和大家一起分享: 第一步: ...
HTML5-表单的创建
, ,,  <! ...
UILabel实现自适应高宽
UILabel是iOS开发常用的控件.UILabel的属性需要了解,UILabel的特殊显示效果也需要我们掌握.UILabel自适应高宽度是很多初学者遇到的技术性难题.比如段文字,要让他完全地分行显示 ...
手机浏览器，微信中播放amr录音
由于微信公众号开发中,临时素材只有三天的有效期,但是客户要求所有录音永久保存,永久素材数量又有限制,故只能把录音保存到服务器上.但是存到服务器上有一个问题,手机微信中无法直接播放amr录音.无意中发现 ...
[ASE][Daily Scrum]11.30
燃烧图的页面进不去了…… 小结一下吧,sprint2的内容已经基本完成了, 推迟到之后进行的任务: ·地图块的刷新一些bug尚未修复不过不是特别重要所以也推到后面了, 之后两个sprint主要会增加 ...
PL/SQL Developer登入时候报ORA-12638: 身份证明检索失败的解决办法
找到安装目录:C:/oracle/product/10.2.0/db_1/NETWORK/ADMIN 打开sqlnet.ora 在里面找到 SQLNET.AUTHENTICATION_SERVICES ...
我的ORM之四--删除
我的ORM索引删除语法 var 影响行数 = dbr.表.Delete(条件).Execute(); 问题 1.如果没有Where条件,同样会报错.
人人都是 DBA（I）SQL Server 体系结构
在了解 SQL Server 数据库时,可以先从数据库的体系结构来观察.SQL Server 的体系结构中包含 4 个主要组成部分: 协议层(Protocols) 关系引擎(Relational En ...
WPF，Silverlight与XAML读书笔记第四十六 - 外观效果之三皮肤与主题
说明:本系列基本上是<WPF揭秘>的读书笔记.在结构安排与文章内容上参照<WPF揭秘>的编排,对内容进行了总结并加入一些个人理解. 皮肤皮肤是应用程序中样式与模板的集合,可以 ...

PhoneGap介绍及简单部署

PhoneGap介绍及简单部署的更多相关文章

随机推荐

热门专题