使用PhoneGap开发基于Html5应用二：第一个PhoneGap应用：百度

上一篇博文使用PhoneGap开发基于Html5应用一：PhoneGap简单介绍 中我介绍了怎样从phonegap官网上下载源代码并启动第一个应用，今天我们把phonegap的应用略微改一下，让他实现几个比較牛叉的功能：

1.启动一个网页

2.启动摄像头

3.启动定位

老规矩。在实现这几个功能之前我们先讲一下原理性的东西：

首先我们先回想一下上次说的，事实上phonegap应用中有个特别的webview，它就是CDVViewController。关于这个类我们后面再具体描写叙述，如今我们先了解这个类究竟做了什么，它事实上就是调用iOS设备的控制器类。那么他凭什么知道用户要调用摄像头之类的设备呢，那就是通过解析html的js代码。

phonegap自定义了一些js代码，让这些JS代码跟CDVViewController这个类去交互，CDVViewController的作用就是推断server端的html代码，假设是普通的html就直接显示，假设碰到Phonegap自定义的JS代码就“翻译”成调用iOS内设的代码。好的，概念介绍完成，假设大家还不懂的话。我们以下開始看样例。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvempoMTcx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

如图是官方的demo应用的文件夹，我们仅仅须要执行后找到软件包就可以（如图，扩展名为app的意思是，它是mac系统的应用程序，但实际情况呢。它是iOS的应用，也就是说扩展名是ipa，所以能够通过iTunes来转变格式，这个就不多说了，大家知道这个意思就可以）。打开后看见例如以下列表：

能够看见www目录位于应用中。下有两个文件，一个js文件，一个html

再看看xcode中Appdelegate代码：

self.viewController.wwwFolderName = @"www";
    self.viewController.startPage = @"index.html";

这两句的意思就是指明了文件夹名和文件名称

假设改成

    self.viewController.startPage = @"http://www.baidu.com";

就能够实现载入百度首页的功能。效果例如以下：

非常显然百度首先显示出来是没有不论什么问题了。

下一篇文章。将给大家解析cordova.js这个文件，由于这个js指明了全部的操作iOS设备的js代码，并且它与CDVViewController交互。所以异常重要。