Amaze UI讓HTML5Web應用接近原生體驗
近日,第四屆HTML5峰會在北京國際會議中心拉開序幕,云適配攜其“HTML5跨屏前端框架Amaze UI”高調(diào)亮相,并在大會上了做了《組件化-Web前端開發(fā)的未來趨勢》的重要演講。
HTML5跨屏前端框架Amaze UI受到了廣大程序員喜愛
組件化是Web開發(fā)的未來趨勢
Web組件化(WebComponents)理念,自Google在2013年的I/O大會上提及起,一直都有開發(fā)者關注這一開發(fā)技術的發(fā)展,只是總處于不慍不火的狀態(tài)。直至去年HTML5規(guī)范的正式定稿,Web開發(fā)也隨之異?;鸨?,讓Web組件化的關注度也隨之水漲船高,從今年的HTML5峰會吸引了8000多HTML5的愛好者、開發(fā)者來參會就能略見一斑。
據(jù)云適配創(chuàng)始人兼CEO陳本峰介紹,組件的技術標準在前端一直都是缺失的,直到Google提出以后,才有了Web Components標準。在此之前,大家都不知道怎么去封裝一個組件。Web組件化其實一直都被國外互聯(lián)網(wǎng)公司看好,因為從軟件架構上、開發(fā)效率上、代碼可維護性上都是一個更好的選擇。但因為Web Component標準還未正式定稿,所以Amaze UI 選擇Facebook React 作為 Web組件封裝標準,并遵循React所推崇的“一切皆組件”的組件化理念,實現(xiàn)從小到一個按鈕,大到一個頁面,甚至一個完整App都可以組件化。
Amaze UI是云適配在其開發(fā)過程中把積累的包括菜單、輪播圖等在內(nèi)的大量針對手機端的UI控件組件化后開源出來形成的,通過拆分、封裝了一些常用的網(wǎng)頁組件,開發(fā)者只需復制代碼便可將這些跨屏組件寫入到自己的應用中。在過去的一年里,Amaze UI以開源的形式提供了包含16個 CSS 組件、26個 JS 組件,更有20款包含近 60 個主題的 Web 組件, 此外,針對國內(nèi)主流瀏覽器及 App 內(nèi)置瀏覽器提供了更好的兼容性支持并接入了更多本土化的因素幫助解決中文排版問題,使開發(fā)者不需要再花費時間精力去編寫日歷等的代碼,便可以直接引用組件。
正是因為如此,自2014年8月份正式上線后,Amaze UI就受到了眾多前端工程師的喜愛,經(jīng)歷短短的1年的產(chǎn)品迭代,吸引了超過25萬開發(fā)者的加入,同時,Amaze UI 在 GitHub 上的***關注突破了5000,基本上是國內(nèi)開源軟件增長最快的一個了。
Amaze UI的下一步計劃
講到Amaze UI的優(yōu)勢,陳本峰認為***的優(yōu)勢就是積累,***,云適配在Web Components上積累了很多經(jīng)驗,以及組件數(shù)量;第二,云適配積累了對各種設備、瀏覽器的兼容性和適配性,這點是真的要靠點滴累積的,別人很難去超越。第三,Amaze UI是一個開源框架,這也算是一個優(yōu)勢,就像一個社區(qū),開發(fā)者肯定會挑***的框架使用,因為在使用中遇到問題的話,只要在網(wǎng)上搜索就能找到答案,而選擇新框架的話,碰到問題也不容易找到幫助。
從目前互聯(lián)網(wǎng)的大局勢發(fā)展來看,PC互聯(lián)網(wǎng)正在向移動互聯(lián)網(wǎng)急速地轉移,開發(fā)者急需能夠解決重復繁復的跨屏、適配問題,讓PC網(wǎng)站、新建的網(wǎng)站或者移動應用更好地適應移動端的前端開源技術,但限于技術門檻和開源環(huán)境的不成熟,市場上解決跨屏適配問題的開源項目卻基本上***。
開源的HTML5跨屏前端框架Amaze UI恰逢其時。據(jù)介紹,除了提供基于HTML5的前端跨屏組件外, Amaze UI 將在后續(xù)的開發(fā)工作中,還將陸續(xù)推出Amaze UI for App、Amaze UI組件市場等更多提高開發(fā)效率的工具;同時,隨著Amaze UI產(chǎn)品的不斷豐富、功能完善及開發(fā)者數(shù)量急劇增多及相應的需求增多,AmazeUI也將推出社區(qū)方式運營,從而與開發(fā)建立更高效的溝通渠道,及時獲得開發(fā)者需求及反饋,從而以更專業(yè)的方式來服務開發(fā)者。
據(jù)悉,Amaze UI for App是一個只針對移動端的版本,它的開發(fā)是為了滿足多種應用場景,讓移動應用開發(fā)者們用Amaze UI開發(fā)出接近于原生的HTML5移動應用:
1) 開發(fā)原生 App,需要快速出代碼級別的交互原型。
2) 移動營銷快速搭建移動站點
3) 基于BaaS 或者第三方 API,做一個有趣的應用,不需要后端;
4) Hybrid App,不可能把一個臃腫、低效的響應式的網(wǎng)站打包進 App;