1. 程式人生 > >使用phonegap包裝html5網頁為iOS app

使用phonegap包裝html5網頁為iOS app

工具準備: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 了


是不是很簡單?