Amaze UI 讓 HTML5Web 應用接近原生體驗

近日，第四屆html5峰會在北京國際會議中心拉開序幕，雲适配攜其“html5跨屏前端架構amaze ui”亮相，并在大會上了做了《元件化-web前端開發的未來趨勢》的重要演講。

元件化是web開發的未來趨勢

web元件化（web components）理念，自google在2013年的i/o大會上提及起，一直都有開發者關注這一開發技術的發展，隻是總處于不愠不火的狀态。直至去年html5規範的正式定稿，web開發也随之異常火爆，讓web元件化的關注度也随之水漲船高，從今年的html5峰會吸引了8000多html5的愛好者、開發者來參會就能略見一斑。

據雲适配創始人兼ceo陳本峰介紹，元件的技術标準在前端一直都是缺失的，直到google提出以後，才有了web components标準。在此之前，大家都不知道怎麼去封裝一個元件。web元件化其實一直都被國外網際網路公司看好，因為從軟體架構上、開發效率上、代碼可維護性上都是一個更好的選擇。但因為web component标準還未正式定稿，是以amaze ui 選擇facebook react 作為 web元件封裝标準，并遵循react所推崇的“一切皆元件” 的元件化理念，實作從小到一個按鈕，大到一個頁面，甚至一個完整app都可以元件化。

amaze ui是雲适配在其開發過程中把積累的包括菜單、輪播圖等在内的大量針對手機端的ui控件元件化後開源出來形成的，通過拆分、封裝了一些常用的網頁元件，開發者隻需複制代碼便可将這些跨屏元件寫入到自己的應用中。在過去的一年裡，amaze ui以開源的形式提供了包含16個 css 元件、26個 js 元件，更有20款包含近 60 個主題的 web 元件, 此外，針對國内主流浏覽器及 app 内置浏覽器提供了更好的相容性支援并接入了更多本土化的因素幫助解決中文排版問題，使開發者不需要再花費時間精力去編寫月曆等的代碼，便可以直接引用元件。

正是因為如此，自2014年8月份正式上線後，amaze ui就受到了衆多前端工程師的喜愛，經曆短短的1年的産品疊代，吸引了超過25萬開發者的加入，同時，amaze ui 在 github 上的星級關注突破了5000，基本上是國内開源軟體增長最快的一個了。

amaze ui的下一步計劃

講到amaze ui的優勢，陳本峰認為最大的優勢就是積累，第一，雲适配在web components上積累了很多經驗，以及元件數量；第二，雲适配積累了對各種裝置、浏覽器的相容性和适配性，這點是真的要靠點滴累積的，别人很難去超越。第三，amaze ui是一個開源架構，這也算是一個優勢，就像一個社群，開發者肯定會挑最大的架構使用，因為在使用中遇到問題的話，隻要在網上搜尋就能找到答案，而選擇新架構的話，碰到問題也不容易找到幫助。

從目前網際網路的大局勢發展來看，pc網際網路正在向移動網際網路急速地轉移，開發者急需能夠解決重複繁複的跨屏、适配問題，讓pc網站、建立的網站或者移動應用更好地适應移動端的前端開源技術，但限于技術門檻和開源環境的不成熟，市場上解決跨屏适配問題的開源項目卻基本上寥寥無幾。

開源的html5跨屏前端架構amaze ui恰逢其時。據介紹，除了提供基于html5的前端跨屏元件外， amaze ui 将在後續的開發工作中，還将陸續推出amaze ui for app、amaze ui元件市場等更多提高開發效率的工具；同時，随着amaze ui産品的不斷豐富、功能完善及開發者數量急劇增多及相應的需求增多，amazeui也将推出社群方式營運，進而與開發建立更高效的溝通管道，及時獲得開發者需求及回報，進而以更專業的方式來服務開發者。

據悉，amaze ui for app是一個隻針對移動端的版本，它的開發是為了滿足多種應用場景，讓移動應用開發者們用amaze ui開發出接近于原生的html5移動應用：

1) 開發原生 app，需要快速出代碼級别的互動原型。

2) 移動營銷快速搭建移動站點

3) 基于baas 或者第三方 api，做一個有趣的應用，不需要後端；

4) hybrid app，不可能把一個臃腫、低效的響應式的網站打包進 app；