如何利用HTML&JS等前端知識開發Android應用?

我是一條即將畢業的大四狗,目前在一家網路公司做前端開發的實習生,每天也算充實。可是想到畢業設計就頭痛。

我選的題目是「基於Android平台的選課系統的設計與實現」,看上去很簡單的一個題目,但顯然不是我所擅長的,興趣不在此。不過看到利用HTML5等前端知識也可以開發Android應用,甚是歡喜。

眼瞅著畢業臨近,時間緊迫啊。想問一下各位,在短時間內如果想利用前端開發的方式去做這樣一個不是很複雜的Android應用,應該還需要看一些什麼內容、補充一些什麼知識、查閱一些什麼書籍、資料?

不求深挖,能夠解燃眉之急即可。

因為Google到的結果都是英文,看著略吃力,便來知乎尋求幫忙。

好人一生平安!


用phonegap吧,可以實現,我這個就是用phonegap做的,完全用html5,css3,jsavascript。http://xiaoxin.im

很多人問用phonegap開發的利弊,在此統一回復大家,目前來看,使用webkit內核的安卓是很卡頓的,不能用於商業開發,而安卓4.4.4以上,使用chromium內核的,非常流暢,在體驗上和原生沒有什麼差距。以下是對phonegap技術的調研分析:


只是為了應付畢業設計的話:

1.Phonegap

2.JqueryMobile

如果你覺得Phonegap仍然很麻煩的話,可以使用JqueryMobile單純的做一個MobileWeb頁面,然後Android端簡單的用WebView包裝一下,偽裝成一個APP的樣子。

請參考:

jQuery Mobile Demos

--------------------------------------

Html+js 開發的App體驗較差,如果沒有特殊要求,不建議使用。


目前來說最好的方法還是使用phonegap,appcan的話由於是閉源的商業化運行,不適合畢業設計。phonegap只是支撐你的app的骨骼,真正的肌肉系統還是寫js,業界一般選擇JQuery,但是實際應用中效率比較坑。考慮效率建議使用appFramework,但是其文檔凌亂而且不全面,搞畢業設計完全不用。

其實難度不在app,而在後台


phonegap/Cordova,debug的話考慮用4.4.2+的安卓機


用HBuilder,你連環境都不用裝,專心寫HTML+JS+CSS就可以了。

DCloud HBuilder-做最好的HTML5開發工具


好是好!天翼掌廳就是這麼做得。

問題是js一旦通過phonegap/Cordova調用了本機資源後,該網頁就不能Debug跟蹤了,只能靠列印log來調試了。

而且js文件很長後,不像Java那麼好讀。

請問大家有沒有好辦法?


試一下firefox os吧,app就是網頁


在裡面用個webvie控制項做web啊,然後服務端用個jqm之類的juqery庫,當作web開發就好了


握爪!我的畢業設計也是重修選課系統,不過是web端~哈哈

之前也是優先考慮Phonegap的


基於Android平台的選課系統的設計與實現,這個題目基本上是不需要調用移動設備的硬體的。直接使用phonegap就可以完成。phonegap的文檔(3.4.0)是有繁體中文版的,另外,英文也是很簡單的,你基本做前端開發都能看得懂的英文。

但是,作為畢業設計,我建議還是用android原生代碼寫比較好。又花不了你多少時間,順便也能了解了解android開發,對你以後的項目是很有幫助的。


最近接觸了一個app,看了源代碼就是你說的方法開發的。

利用的是appcan。

說實話,看到源代碼的時候,瞬間覺得上當了。

javascript還有html


前後分離,做一個看起來像app的移動網站。打包一下。界面建議自己寫。


Phonegap


推薦閱讀:

HTML5本地存儲——IndexedDB
安卓平台的瀏覽器 touchend 事件觸發失效?
一旦打開就忍不住想狂點滑鼠,9 個有趣的 HTML 5 交互網站

TAG:前端開發 | Android開發 | HTML5 |