phonegap集成html

来源:互联网 发布:曲线图制作软件 编辑:程序博客网 时间:2024/05/16 10:25

这个话题听起来有点大,其实操作却是很简单;前几天盆友公司老板让他把一个写好的html用phonegap集成一个APP。让我帮忙看下,查了很多资料,总算有点头绪了;总的说来可以归结为一下几个步骤:1,下载phonegap:下载的时候还需要搭建适合phonegap的环境,这个过程要花费一些时间,还好官方有很清闲的文档,这个应该不成问题;

2,把html文件导入到phonegap工程中去;正常的导入就可以,导进去的是一个蓝色文件夹,我先试着直接拖,发现不好使;右键导入就没问题;

3,最后的集成,最关键的地方;用uiwebview实例化一个对象,直接调用它的网站就行;就跟webview显示网页是一个方法。不过这还别没完,还需要在supporting Files里的phoneGap.plist里的<key>ExternalHosts</key>后面加
<array>
        <string>localhost</string>
        <string>*</string>
    </array>

这样你完成了,是不是很简单!