HTML5+MUI+HBuilder 之初探情人

07,08年那會兒正當Java火爆,C/C++仍是廣泛運用的一門語言的時候,所以我的大學都獻給了C/C++和Java。當諾基亞的倒閉成爲按鍵機時代衰落的標誌時,移動APP的開發也如破堤之洪,爆炸式的崛起了。小弟不才,反映略慢,加上觀念陳舊,(C++程序員的通病——覺得前端=低端&移動端=前端),因此並沒有打好移動APP的基礎。這給後來我和我們興趣小團隊做些創意式項目也帶來了難以逾越的坎。現在這會兒,哪個web應用沒有移動APP客戶端,就好比飛機沒有機翼,帥哥沒房沒車沒學歷,美女不能生育一樣,讓人無法接受,且火不起來。令人欣慰的是,我的團隊裏有人會Android開發,所以我所要擔心的就是IOS開發了,於是我自學了IOS上的Xcode開發。現在的我只能說是入門。入門的我發現,IOS的開發太繁瑣了,畢竟我不是專門做這個的,要成爲熟練的開發者,需要花大量的時間研究開源控件,改寫代碼等,當然令人費心的還有Xcode奇葩的MVC邏輯(MVC用在web開發很好,但是用在本地應用開發真的適合嗎?小弟作爲一個Xcode新人吐槽一句:這就相當於當年VC中的MFC!用過Delphi和CBuilder這些RAD的都會喜歡BCB的界面開發,入手簡單,所見即所得。所以在Delphi的Anders Hejlsberg去了微軟之後開發出了微軟至今最偉大的語言——C#及相關組件,當我第一次使用C#做Windows窗體應用開發的時候,我感覺到了Delphi界面開發的靈魂)。

言歸正傳,當我正迷茫自己諸多想法皆要毀於巨大的App開發成本時,MUI的出現真正的解放了我的負擔。先簡單介紹下MUI:

        MUI(Mobile User Interface)是一套基於Html5的,遵循Html5+規範的,中國團隊(是否有老外我不知道哦)開發的,開源的(遵循MIT 條款),用於手機端界面開發的一套框架。以下內容摘自MUI在Github上的項目介紹:

 

性能和體驗的差距,一直是mobile app開發者放棄HTML5的首要原因。 瀏覽器天生的切頁白屏、不忍直視的轉頁動畫、浮動元素的抖動、無法流暢下拉刷新等問題,這些都讓HTML5開發者倍感挫敗,尤其拿到Android低端機運行,摔手機的心都有; 另一方面,瀏覽器默認控件樣式又少又醜,製作一個漂亮的控件非常麻煩,也有一些製作簡單的ui框架但性能低下。mui框架有效的解決了這些問題,這是一個可以方便開發出高性能App的框架,也是目前最接近原生App效果的框架。——摘自MUI在Github上的項目介紹

MUI的出現絕非偶然,小弟就曾經有過類似的完整的設計,所以當MUI出現在我的視野中時,更多的是那種“英雄所見略同”的快感。我曾想過並初探過Xamaria的使用,這玩意一是收費,二是感覺有點半成品,開發環境很繁瑣,不適合新手作爲一個業餘愛好使用。

Xamarin始創於2011年,旨在使移動開發變得難以置信地迅捷和簡單。Xamarin的產品簡化了針對多種平臺的應用開發, 包括iOS、Android、Windows Phone和Mac App。Xamarin由許多著名的開源社區開發者創立和參與,而且也是Mono項目的主導者——C#與·NET框架的開源、跨平臺實現。——摘自百度百科。

年初時,我就想過爲啥不可以出來一款類似於JVM的,可以運行在安卓,IOS上的虛擬機,然後開發者只需要使用一門語言(Java,Javascript,python等)就可以開發出運行在任何移動平臺的軟件呢?然後再使用拖拽+事件編程(等於用BCB/Delphi開發windows應用)的方式來開發APP界面呢?到那個時候,用戶只需要拖拖控件,雙擊添加事件,修改修改樣式等屬性就可以完成通用的應用。而且,APP的安裝包會很小,我們把一些規範的樣式和基礎控件都放到這個虛擬機中,運行時只需要按照ID來調用。當然,草民肯定是沒有這個能力,時間,金錢來做這個的。。。

MUI包括同類軟件的誕生,絕對是我今年聽到的對我最有用的軟件行業的消息之一了!它將極大的提高了草根程序員開發web產品的單兵作戰能力。雖然我不熟悉原生APP的開發,或對於HTML,CSS和JS並不能說是精通,但是不虛!!至少有經驗,瞭解原理。跟Xcode的學習成本比已經好了太多!雖然我是xcode菜鳥,不應該黑xcode,不過之前的swfit的出現,讓我看到了豬跑···(沒喫過豬肉,還沒見過豬跑嗎?)

MUI是移動端開發的革命者之一(同類的產品已經陸續出現)!終將革掉那些高富帥,“土豪劣紳”,大地主才能用的起的開發方式的命。也許MUI之後還有更加優秀的類似框架產生,目前(2014年年底)MUI是基於H5的最方便的App開發框架之一!

MUI框架的原理圖如下:

           

 

HTML5+ Runtime即H5的運行環境,它的功能其實就是手機上Web browser,不過要加上一個形容詞:高效的! 它執行JS和HTML的速度比IOS自帶的Safari可要高多了。通過高效執行HTML5和JS,MUI框架才能實現和Native媲美的速度。

        MUI框架目前的產品——HBuilder,也是遵循了H5+規範的H5 IDE。通過HBuilder,我們可以快速開發出H5網頁,而它跑在MUI框架中的速度非常快,您不用擔心他看起來不像native。另外,HBuilder號稱史上最牛的Html+js IDE,提供了各種快捷鍵,和縮寫方式。小弟體驗了下,感覺確實不錯。不過這個工具做的再好,畢竟意義沒有MUI本身大,不過還是非常值得鼓勵的。

要使用HBuilder開發和調試移動端APP(且容忍小弟這麼稱呼吧),只需要:

(1)下載手機端軟件:http://dcloud.io/hellomui/

(2)下載Hbuilder,安裝,打開。

————————下面是開發階段了——————

(3)新建,編寫一個項目(html,js,css,圖片等組成的)。

(4)插上您的手機,連接到電腦,點擊運行按鈕(具體的方式參見教程),進行調試。

(5)打包發佈!

咋樣?就這麼簡單。這快感!!!嘖嘖。

        再來談談我對MUI的發展預測:

一開始,MUI最爲一個吊絲框架,肯定不敢大搖大擺的大談行業規範,所以只能把自己的runtime打包到任何一個發佈的應用中。所以如果一個用戶的手機裏裝了多個Hbuilder開發的APP,那麼會有多個重複的基本庫。不過MUI框架是很小的,不用很擔心。

隨着MUI的推廣,樣式的豐富,對Runtime和核心包作出了更大更復雜的要求,因此這個包應該會變大,從而推動了H5 + Runtime的平臺化和固件化(軟件固件),也許過幾年,每個手機的操作系統都會自帶這個運行環境,基於它開發的APP可能只有幾百KB。

        至於MUI的錢途命運,要麼自成一家,爲各大手機商提供服務,索要服務費用,又或者被Apple,三星這樣的巨頭以重金收購。總之,這項技術是很好的,但是盈利模式和最終命運會和Java類似。

希望MUI的同志再接再厲,做好後續的服務和工作。剛使用了下語音輸入功能,好像有點小BUG。

 

安利最近發現的一個買榴蓮的好地方:https://item.taobao.com/item.htm?id=621622307728

 

    (本文純屬飯後閒話,勿對號入座,口水滿屏) 

 

 

 

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