PhoneGap Build的使用

      純粹屬於閒折騰的結果,只是這中間還遇到一些問題,記錄一下。因爲沒有IOS的開發key,所以這裏只發布成功Android系統的安裝程序。之前寫過一篇構建webapp項目的文章<構建基於Android和PhoneGap的開發環境>,假設已經寫了一個簡單的demo頁面,現在如何生成一個安裝程序並安裝到手機中,進行效果預覽呢?

      PhoneGap的官網提供一個buid生成器,利用它可以生成相應的安裝程序。地址:https://build.phonegap.com/apps ,需要先登錄,然後給應用取一個名字。

將打包好的應用程序(zip後綴,就是工程目錄assets目錄下的www目錄)

然後下載爲Android系統生成的apk安裝程序。

現在開始要安裝應用程序了,可以選擇91助手或是豌豆莢(很鬱悶的是,默認安裝在系統盤,如果修改安裝路徑,安裝完成後在桌面生成的快捷方式是不可以點擊的----看來別人說它多麼好還是不靠譜,自己用用才知道好不好)

需要確認已經開啓了usb debugging

若出現無法連接的情況,可以嘗試關閉、開啓模擬器的USB debugging,然後再試

我點擊“下一步”就直接斷開連接了,我也不知道爲什麼了,只好手工安裝。

不過手工安裝有個坑爹的一步,網上說到android-sdk-windows目錄下的tools找adb應用程序,而從revivision 8開始adb tool已經從tools下移到platform-tools目錄了。

需要啓動模擬器…

前面報錯是因爲模擬器還沒有完全啓動好..

到這裏安裝成功!

最後在所有應用中,就可以看到剛剛安裝的應用程序了,如上圖所示。

不得不說,PhoneGap對於面向PC端的WEB前端人員是一個福音,也是一個很好用的工具,缺點就是太耗資源(差點沒把我機器搞掛,當然家裏的機器是比較古老了)。從面向PC端的web開發轉型到面向移動設備上的web開發,我覺得這將會一個很有前途的職業,從薪水和人員缺口數來看潛力非常大。而移動設備上對於HTML5、CSS3的應用必然要早於PC,如果有可能我都要轉去做移動設備的webapp開發了,呵呵 :)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章