码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-07-18 22:01:52      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:webview   摄像头   phonegap   

上一篇博文 使用PhoneGap开发基于Html5应用一:PhoneGap简介 中我介绍了如何从phonegap官网上下载源码并启动第一个应用,今天我们把phonegap的应用稍微改一下,让他实现几个比较牛叉的功能:

1.启动一个网页

2.启动摄像头

3.启动定位

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

首先我们先回顾一下上次说的,其实phonegap应用中有个特别的webview,它就是CDVViewController,关于这个类我们后面再详细描述,现在我们先了解这个类到底做了什么,它其实就是调用iOS设备的控制器类,那么他凭什么知道用户要调用摄像头之类的设备呢,那就是通过解析html的js代码。

phonegap自己定义了一些js代码,让这些JS代码跟CDVViewController这个类去交互,CDVViewController的作用就是判断服务器端的html代码,如果是普通的html就直接显示,如果碰到Phonegap自定义的JS代码就“翻译”成调用iOS内设的代码。好的,概念介绍完毕,如果大家还不懂的话,我们下面开始看例子。

bubuko.com,布布扣

如图是官方的demo应用的目录,我们只需要运行后找到软件包即可(如图,扩展名为app的意思是,它是mac系统的应用程序,但实际情况呢,它是iOS的应用,也就是说扩展名是ipa,所以可以通过iTunes来转变格式,这个就不多说了,大家知道这个意思即可)。打开后看见如下列表:

bubuko.com,布布扣

可以看见www文件夹位于应用中,下有两个文件,一个js文件,一个html

再看看xcode中Appdelegate代码:

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

这两句的意思就是指明了目录名和文件名

如果改成

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

就可以实现加载百度首页的功能,效果如下:

bubuko.com,布布扣


很显然百度首先显示出来是没有任何问题了。

下一篇文章,将给大家解析cordova.js这个文件,因为这个js指明了所有的操作iOS设备的js代码,而且它与CDVViewController交互,所以异常重要。


使用PhoneGap开发基于Html5应用二:第一个PhoneGap应用:百度,布布扣,bubuko.com

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

标签:webview   摄像头   phonegap   

原文地址:http://blog.csdn.net/zjh171/article/details/37868871

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!