使用phonegap封裝html5網頁為iOS app,phonegaphtml5
工具準備: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 了
是不是很簡單?