使用phonegap封裝html5網頁為iOS app,phonegaphtml5

來源:互聯網
上載者:User

使用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 了



是不是很簡單?


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.