<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Dict.CN 在線詞典, 英語學習, 在線翻譯

    都市淘沙者

    荔枝FM Everyone can be host

    統計

    留言簿(23)

    積分與排名

    優秀學習網站

    友情連接

    閱讀排行榜

    評論排行榜

    Phonegap:快速開發跨平臺HTML5應用的膠水層

    Phonegap:快速開發跨平臺HTML5應用的膠水層

    Posted on 2011/03/05 by 李 雪愚

    在開發移動應用的過程當中,如果你的應用只定位在一種平臺上,這可不是一個好主意,但是為許多不同的平臺Building應用又是一件 非常麻煩和非常不爽的事情,因為你會發現每一種手機平臺都有自己的SDK,它們需要使用不同語言來進行開發,你可能不得不需要5、6個代碼倉庫來管理不同 設備上的代碼,而且需要不同設備的開發人員來開發維護這些倉庫,你還不得不裝上各個設備的sdk,設置好路徑和各種配置信息,來編譯不同設備上的應用包。
    那么移動網站模式是不是一個可以接受的替代方案呢?幸運的是移動應用和移動網站并不是對立的兩端,通過Phonegap我們可以采用html5的網站形式 來開發移動應用。也許開源Phonegap 會成為 WebApp 上設備端開發的事實上標準,ShowMuch本期就為你推薦移動開發利器:PhoneGap。
    我們先來看看PhoneGap的特性:

    • 支持6種移動設備平臺:iOS, Android, BlackBerry, WebOS, Symbian WRT, Windows Mobile(內部測試),以及桌面環境(內部測試)
    • HTML5 + CSS3 + JavaScript  利用標準的Web技術開發應用
    • Phonegap Build: write once, compile on cloud, run anywhere. 提供在線Builder平臺:只寫一次,云端編譯,運行在任何地方
    • 目前已經有上千基于Phonegap的應用在AppStore上
    • Phonegap 目前標注的版本依然是0.9.x,phonegap的功能特性并不穩定,會有不少bug,要小心。

    開始玩

    首先自然是需要下載 phonegap: http://www.phonegap.com/

    然后你還需要相應設備的SDK

    針對iPhone:

    1. Apple Developer Portal 下載安裝 XCode.
    2. 解開下載好的phonegap壓縮包,進入iphone目錄安裝好phonegap
    3. 打開XCode,在文件菜單選擇 New Project…. 菜單
    4. 點開“User Templates”欄,選擇Phonegap,然后選中右邊的“PhoneGap-based Application”,點擊“Choose…”按鈕,命名你的項目,選擇項目文件的位置.

    針對Android:

    1. 下載安裝 JDK 1.5
    2. 下載安裝 Android SDK
    3. 下載安裝 Apache ANT
    4. 下載安裝 Ruby (命令行方式開發需要)
    5. 解 壓已經下載好的 PhoneGap, 進入android 目錄,my god,最新的0.9.4ZIP包中沒有命令行創建項目的方式,好吧,你需要從最新的倉庫中把代碼取出來: git clone https://github.com/phonegap/phonegap-android.git
    6. 命令行方式(Droidgap)腳本的開發者沒有修改路徑以配合新的0.9.4版本,這是這次在發布中被拿掉的原因吧。需要自己改改,蠻簡單的,就不多說。
    7. 將 android下的bin目錄 加入你的搜索 path:
      UNIX/LINUX的機子: export PATH=$PATH:~/phonegap-android/bin
      在windows下將phonegap-android/bin 路徑加到Path中就不用多說了。
    8. ok,在命令行下輸入 “droidgap gen demo”,即可創建phonegap支撐的html5應用項目。
    9. cd demo;ant debug install 即可安裝到設備或模擬器
    10. adb logcat 在控制臺查看設備的輸出日志

    使用PhoneGap來創建移動App應用:

    打開項目的www目錄(android是在項目的assets/www目錄下),編輯index.html,在body中鍵 入<h1>hello world</h1>(你也可以加上js和css文件在這個目錄下面),保存,然后你就可以首先部署到模擬器上看看。

    也許你會說,哈,這不就是網頁嘛!是的,這就是網頁,不過通過phonegap,這樣的網頁應用就有能力訪問設備的所有功能:文件系統,GPS,相 機,重力加速度計,電話簿等,當然不同的設備支持的功能會有所不同(目前phonegap還不能支持完所有的功能,具體看各個設備支持的特性列表)。另外 要想呈現和移動應用一樣的外觀,你還需要選擇一種HTML5 Mobile UI Framework庫,這樣的Framework庫已經很多了: Sencha Touch, JQTouch, JMobile, XUI, The-M-Project,Dojo Mobile, dhtmlxTouch, wink, jo, webapp.net…

    Phonegap Build

    除了在本地編譯應用之外,您還可以使用Phonegap提供的云端Build工具進行應用編譯。那就是:Phonegat Build,通過它,您只需要將用HTML5寫好的應用上傳到Phonegap的云端服務器,它即可以幫你編譯不同平臺平的應用。

    Part of the phonegap build status screen for an app, showing downloads and errors

    Phonegap Build 當前Phonegap Build依然處于beta狀態,你需要申請,等到通過方可使用。另外推薦一個Chrome的插件,Ripple Emulator 可以在Chrome瀏覽器上測試你的應用,支持phonegap。

    (文章作者:李雪愚,盛大創新院高級架構師,雪愚對于使用Phonegap有著豐富的經驗,曾用Phonegap開發基于Android和iOS的應用。編輯BY:Handaoliang)

    posted on 2011-06-17 10:21 都市淘沙者 閱讀(901) 評論(0)  編輯  收藏 所屬分類: Android/J2ME/Symbian/Jabber

    主站蜘蛛池模板: 免费一区二区无码东京热| 全免费a级毛片免费看无码| 亚洲国产成人99精品激情在线| 四虎影在线永久免费四虎地址8848aa| 一级特黄特色的免费大片视频| 中文字幕亚洲免费无线观看日本| 一本色道久久88—综合亚洲精品 | 成人一区二区免费视频| 国产精品亚洲专区在线观看| 国产亚洲人成网站在线观看不卡| 亚洲人成电影在线播放| 亚洲日韩一中文字暮| 久久久久亚洲AV无码麻豆| 亚洲精品tv久久久久久久久| 四虎永久免费影院在线| 美女黄网站人色视频免费| 亚洲第一永久在线观看| 亚洲欧洲国产经精品香蕉网| 久久夜色精品国产嚕嚕亚洲av| 中文字幕免费在线播放| 亚洲色成人网一二三区| 久久精品国产亚洲AV蜜臀色欲 | 免费黄网站在线看| 免费在线观看黄网站| 亚洲毛片无码专区亚洲乱| 亚洲精品乱码久久久久久中文字幕| 免费中文熟妇在线影片| 国产V亚洲V天堂无码久久久| 亚洲AV无码一区二区三区牲色 | vvvv99日韩精品亚洲| 亚洲乱码一二三四区麻豆| 美女内射无套日韩免费播放| 久久国产成人亚洲精品影院| 亚洲精品无码你懂的| 天天看免费高清影视| 亚洲色最新高清av网站| a在线观看免费视频| 亚洲国产精品美女久久久久| 亚洲国产精品成人午夜在线观看| 日本道免费精品一区二区| 国产高清免费在线|