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

使用phonegap包装html5网页为iOS app

时间:2015-05-01 18:45:15      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:ios phonegap html5ap

工具准备:mac开发机、苹果开发者账号(测试可行性时不需要,但真机调试及发布时需要)


phonegap下载地址:http://phonegap.com/install/ (若找不到,请往下拉)


截至今天,PhoneGap更新到 2.9.1版本,为了保证快速使用,我提供了一份下载地址在我的百度网盘: 

链接: http://pan.baidu.com/s/1gd9yPyF 密码: zvcs


OK无论你是自己下载的还是通过我的网盘下载到zip包,首先我们解压一下,通过终端找到  phone-2.9.1/lib/ios/bin下的create,如下图

技术分享

我们看到中间有个create

就在这个目录下,执行类似这样的命令:

./create [工程目录] [主页(反着写)] [工程名],如

./create ~/Project/iOS/WoodyPlusPhonegap com.woodyplus.www woodyplusphonegap


前往你设定的工程目录,就可以打开Xcode工程了

技术分享

双击工程文件,找到你工程中的index.html

技术分享

如果你发布的是内置html,可以直接内置

如果你和我一样,选择在线html(更加灵活,可以后台更新),那么你可以写一个如下index.html


<!DOCTYPE html>
<html>
    <head>
        <title>Loading</title>
        <meta http-equiv="Content-Language" content="zh-CN">
        <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
        <meta http-equiv="refresh" content="0.2;url=http://www.baidu.com">
    </head>
    <body>
    </body>
</html>

然后点击运行,就可以见到如下的demo 了

技术分享


是不是很简单?


使用phonegap包装html5网页为iOS app

标签:ios phonegap html5ap

原文地址:http://blog.csdn.net/mcg890414/article/details/45420625

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