PhoneGap使用

轉載請註明出處:CodingAlarm的博客

介紹  
      PhoneGap是快速開發APP平臺,能把你寫的頁面轉換成APP(無論是Android還是IOS),它還能調用手機核心功能接口,聯繫人、地理、聲音、振動等。有了它前端人員也可以快速開發APP了。不過開發的APP是依賴於html的,它和原生的用Object-c或Android寫成的APP比起來有差距,具體如下:

        1.如果哪天你混合頁面的APP在網絡不好的情況下,CSS樣式沒加載上,那麼頁面會變成如下這樣,原生的就不會有這情況。
                      

        2.動畫表現上原生的會更好,能實現非常華麗的動畫,而且非常穩定。

        第一種情況沒辦法避免,但第二種情況,還是可以利用技術做一些彌補的,比如使用jQuery Mobile。

        jQuery Mobile是PhoneGap的得力助手,雖然開發PhoneGap的程序,JQM不是必備的,用html+css寫的普通頁面也可以,但是,有了JQM可以使你的“APP”更像真實的APP(混合APP要注意的是,要讓你的頁面看起來更像APP原生)。

        JQM是一堆樣式集和事件,比如一個按鈕,手機有手機的顯示樣式,而且Android和IOS還分別不一樣,用html做出來的往往會另手機用戶沒有好的感受。使按鈕等組件更接近手機平臺的樣式,是前端人員必做的。JQM提供了這方面樣式的封裝,通過簡單屬性設置就能做出和手機平臺相似的按鈕,非常方便。


通過PhoneGap平臺將頁面打包成APP

        1.創建jQueryMobile的站點(參考《使用DreamWeaver6創建jQueryMobile移動站點》),創建的站點中一定要包括index.html,不然在phoneGap上傳時無法通過。

        2.把創建的站點打包成zip
       右鍵你的站點文件夾,選擇“添加到壓縮文件”,然後在彈出的對話框中選擇壓縮成的類型
        


        3.用PhoneGap發佈成各種移動平臺的安裝包(創建應用)
        
    用Adobe賬號或GitHub賬號登錄,如果沒有這兩個賬號選擇Sign up註冊一下

Sign in
  
  
  
   

Sign up

免費版的可以發佈一個app,如果想發佈多個需要升級,點擊free


點擊free後提示讓你登錄,可是你沒有賬號怎麼辦?點擊SIGN IN下的"Get an Adobe ID"註冊


註冊成功的頁面如下





b.上傳剛打包好的zip包
點擊Upload a .zip file,找到你的壓縮包


等待上傳


上傳成功,點擊ready to build



進入後會出現下面的頁面,點擊Android圖標,讓phoneGap生成Android平臺的apk安裝包,當然你也可以選擇IOS和win的


點擊Android後,apk會下載到本地,然後安裝到手機,看看你的手機是不是多了個APP?這樣你的網站就變成應用了,PhoneGap生成的APP還滿意嗎?。

如果你用的360瀏覽器,並且用了360手機管家,會是這樣的,一鍵安裝吧。


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