使用phonegap包裝html5網頁為iOS app
阿新 • • 發佈:2019-02-03
工具準備: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 了
是不是很簡單?