Amaze UI讓HTML5 Web應用接近原生體驗

近日，第四屆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；