他們都說H5是未來，但你知道為什麼嗎？

在此，將分享整理給大家，乾貨很多，花5分鐘了解iH5 的內幕吧！

一、為什麼相信H5

1.技術的進步終將會是產品的進步

現在大家所有的生活、科技和技術的進步，最終都會落實到產品的進步，技術必須承載在一個產品裡面才有價值。不管是汽車、手機和飛機的出現，最終技術的積累都會積累在產品上，產品才能被大家所使用。

而iH5這款醞釀十年的產品，就是在HTML5上把技術積累起來，成為一種工具，讓大家去使用HTML5這種技術。

2.基於Web端的H5有三大優勢

H5是有未來的，有前途的，因為它囊括了Web的好處。Web有三大優勢：

第一，網頁生產成本最低。

做一個網頁比做APP和其他應用的成本低。生產了之後，不需要支持所有其他平台，有瀏覽器就行。因為只要你有屏幕，原則上就有一個操作系統，有了操作系統就有瀏覽器，有了瀏覽器就可以播放網頁。

第二，網頁分享成本最低。

第三，用戶使用成本最低。

網頁不需要用戶進行下載、安裝和更新，也不需要刪除。基於Web的APP有一個重大的特點就是方便快捷，比如說我要下載幾十個網頁應用，點一下就下載完了，而不需要一個一個下載，也不需要一個一個更新。

二、H5時代的來臨

1.Flash盛行的十年

要講H5的發展歷史就不得不講Flash，Flash是放在IE瀏覽器的插件。這裡要提到HTML4，H4是一個相對傳統的東西，局限很大，不支持動畫、音頻和視頻。要想在網頁里播放視頻和動畫，必須安裝Flash插件。

GIF/24K

這種帶Flash插件的瀏覽器出了以後，由於Web本身的能量和傳播價值非常巨大，Flash成為人人追捧的技術，盛行一時。

當然這也為它帶來了一點危機，一家公司控制這個格式，很多互聯網巨頭和軟體巨頭感覺受到威脅，包括蘋果和微軟，紛紛帶頭制定公有的標準Flash，後面就變成了HTML5。

2.Flash的倒下，H5的崛起

Flash誕生於PC時代，所適應的是PC和滑鼠。以前，任何承載在屏幕上的形式，背後幾乎都是Flash技術作支撐，比如網頁建站、富媒體廣告、頁游。

H5出了以後，Flash開始往下滑，最直接的原因是Flash不適用移動設備和手指觸摸。手機端所有的交互，只要是基於Web的，都需要用H5去做。 可以說，移動互聯網時代的來臨，註定了H5的崛起。

三、解決H5的生產問題

如前面所講，技術必須承載在產品裡面才會有價值，而承載它的產品我們可以用工具去理解它：就像手機是個工具，通訊技術是一種技術，沒有手機大家就沒法使用通信技術。

iH5就是這樣一款解決H5生產問題的專業工具，能夠極大限度地還原H5開發的全過程，而不需要用戶懂一點點代碼。

iH5十年：1.0到2.0，再到3.0的跨越

花了整整十年的時間打造了iH5，從07年到17年，iH5經歷了三個版本。

iH5 1.0是08年的Flash版本，是一個基於視頻交互的播放器，點擊視頻里的物品能夠直接購買。但由於10年前很少人接受得了這麼先進的理念，融資遇到困難，也就沒有發布。而且Flash沒有未來，於是09年開始轉做H5。

iH5 2.0於14年底上線，是基於H5的製作工具，叫做VXPLO（後來改名iH5）。這裡面的很多技術在Web界都是處於領先地位的，比如說滑動時間軸，將滑動的動作和時間對應起來，還有將「事件」抽象出來，都是自己發明的，申請了挺多專利。

總體而言，iH5 2.0版本是一個巨大的進步。相比其他H5工具，iH5組件的顆粒度特別細。顆粒度特別細是一件非常難的事情。比如說，我把計數器、後台、事件、時間，各種在交互中最小的元素抽象出來，讓它們可以組合，可以被展示，可以被設計，這本身是一件很難的事情。

今年5月，iH5 3.0終於結束了研發，迎來了內測期。3.0版本功能更齊全，界面更扁平，不僅對設計師友好，對程序員也友好，因為可以直接做代碼和開發。

目前iH5 2.0和3.0是並行使用，至少一年之內是並行的。以後3.0會取代2.0，2.0目前不再做迭代了。

四、iH5 3.0最大的價值在於開放

1. 五個維度的開放

iH5 3.0有五個維度的開放，是新版本價值最大的一部分，它使得iH5平台變成一個從技術角度上講，非常開放的平台。它能夠適用更多人去用，不管是程序員還是設計師，能夠用iH5進行高效地協作，同時滿足各種需求。

1、案例層

類似於iH5 2.0中的「跨案例複製」功能。案例中的對象樹是可以重用的，並且可以在案例間進行複製，大大提升用戶製作的效率。而新版事件系統的重新定義也將使這種跨案例的重用變得更加便利。

2、模板層

我們可以把常見的應用、網站、H5完全類型化，製作一些復用性、代表性極強的經典樣例提供給用戶，用戶只需要替換內容，就可以快速完成作品。

但是其範圍將從單純的H5應用大大擴充，創造更為全面的應用生態。

3、小模塊層

新版工具中的小模塊是一個非常有特色的產品，可以視為一個獨立的單元和架構。

設計師和程序員能夠通過小模塊實現結合，因為小模塊本身既包括視圖（面向設計師）也包括內部邏輯（面向程序員）。內在邏輯層面除了調用基本的工具組件，還可以包含代碼，也可以包含資料庫和數據表。

這樣可以把日常產品和應用中涉及到的常用部分（例如登陸註冊、可視化圖表、商業智能組件、粒子效果、遊戲邏輯組件等）完全模塊化或模組化，便捷地實現重複利用和二次開發。

並且，所有小模塊都與系統本身完全兼容，安全可靠。

4、 函數層

新版工具開放了函數功能，使得開發人員可以直接在工具界面和設計師協同工作，提高整體工作效率，讓工具對自主研發人員更加友好；

5、 JS介面/SDK層

可幫助用戶開發自己的窗口小部件（Widgets），豐富工具功能。Widgets屬於非常基礎的組件（例如工具中左側的組件庫就是一種Widgets）。當然，針對這一層的開發需要較高的開發許可權。

未來我們還考慮直接接入VUE框架或React框架，讓工具本身變得可被重新定義。

2.對Web應用和遊戲支持更好

iH5 3.0有更好的通信能力，能更好地支持H5遊戲。因為支持了各種通信的模型和結構，支持Socket（即Web Socket，基於HTML5的實時通信技術），可以做1對1、N對1、N對M的通信。

接下來可能也會重點支持一些複雜的遊戲，比如多人在線遊戲。因為遊戲在整個產業和環境裡面，是非常重的一塊。

除此之外，iH5 3.0有更好的後台和數據支持，在資料庫的基礎上增加數據表，用於管理數據。支持引入第三方API（應用程序編程介面），支持SVG（可縮放矢量圖形），以後還會支持Web3D（一種虛擬現實技術）。

五、2017年之後的H5

H5的發展路徑可以參考Flash，Flash基於pc端，而H5是移動端。但是H5不局限在移動端， PC端以後絕大部分的應用，也會變成H5的。

在以前Flash是以廣告動畫為主的最輕級應用，但隨著技術的迭代，應用的量級隨之變重，視音頻、富媒體、建站逐漸面世，後來更發展出Flash格式的頁游。

但當時在PC端原生應用的執行程序基本是「.exe」，讓Flash在應用領域完全站不住腳跟，即使當時上線了主攻桌面應用的Flash AIR，也沒有讓Flash進入應用細分市場。

1. 移動端網頁應用是H5未來趨勢

Web APP相比原生APP更具優勢，因為下載一個原生應用需要很長時間，需要更新，我們會不停地接收很多消息，刪除也很麻煩，下載多個應用更麻煩。

但是如果是Web應用就很方便，我可以同時下載50個，一秒鐘就完成了。就好比你可以同時選擇多個網頁，一鍵保存，非常方便。

這麼做的原因，其實就是網頁的成本是最低的。你別看現在很多應用市場有上百萬的應用，但是活躍的非常少，你看看你自己手機上就知道，經常用的APP沒幾個。

Web APP在未來的H5發展中是一個重點。現在雖然是以B端應用（企業用戶）為主，後面可能C端（個人用戶）也會出現。這種混合的應用，包括網頁這種作為內容提供的應用，以後會非常普及。

H5未來的發展發現，除了H5應用，還有H5遊戲、H5營銷和H5戶外大屏幕。

-End-

編輯：厘訊網

如有侵權，請聯繫刪除

如果你需要APP開發、H5，網站建設，運營推廣等服務

請聯繫我們——

歡迎長按以下添加微信好友

如果你還想看更多這樣的資訊，那就關注我們的公眾號咋樣？【厘訊網】

下方查看歷史資訊

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！