青島國際家具展由多家家具行業協會共同主辦，經過十余年發展，現已成為中國家具行業江北第一展，不僅成為北方同類展會中的佼佼者，更引領著整個北方地區家具產業的升級發展。

（標梵為青島國際家具展打造數字化入場券）

標梵互動為青島國際家具展建設線上參與渠道，致力打造高并發情況下，用戶依舊使用體驗絕佳的平臺。

標梵互動服務內容：H5定制開發連續3年優化更新

H5是一個慘遭廣義和狹義概念混淆了的術語，有時它是一款宣傳工具的概念，代表著具有互動形式的多媒體廣告頁面；而有時，它是一個大的技術合集概念，代表著HTML5規范下的多種技術。

用HTML5來制作產品非常靈活，它可同時兼容PC端、移動端、Windows、Android與IOS，可輕易移植到不同的開放平臺上，打破如今各行其道的情況。

在與青島國際家具展合作中，標梵啟動技術核心優勢，提供了創造性的解決方案。

001 規劃近景

與之前同樣，標梵先從深度訪談了解需求開始入手，技術部與市場部人員經多次頭腦風暴，綜合專注度和豐富度，記錄細節，與客戶確定了產品的核心功能和開發優先級，初步制定產品各個階段完成時間節點。

002 打量遠景

為產品的目標用戶群分類，模擬他們的使用環境，測算該產品上市后會面臨的風險問題，對如何處理這些風險列入重點解決項目，并估算成本投入，提供給客戶心靈輪廓。

設計的底層應該是清晰的層級邏輯。標梵此次設計中，著重分析了來賓成員的身份群體、購票方式、報名流程三個大類。確定了主線的模塊，再進入支流中。

比如，我們分析每種人員的特色，當參展商報名青島國際家具展時，他應享有拉人的權限，邀請其公司員工加入展會。

再比如，當使用人臉識別報名時，也可以使用人臉識別入場，這時應為產品加入精準的識別算法，保證用戶的使用流暢。

為了能在一開始就感受到成品的方向，標梵為客戶提供了初始原型。

它是最終成品的簡略版，雖然略顯粗糙，但是原型能更直觀呈現出產品的核心，比如基礎功能、用戶交互流程、信息架構、交互細節、頁面元素等等。

在雙方溝通時，原型會讓討論的重點聚焦在頁面布局和功能完善上，隨著思考維度的遞增，可以在原型上靈活地加減項目，完成一次次產品的初級迭代。

當雙方確認無誤后，才進入高保真模型的原型設計，并投入開發中。

H5頁面越早投入使用，展會的收益也就越大。標梵首要主張拉升開發效率盡早交付，第二則是克服產品未來會面對的高并發問題，為企業打造專門的H5定制平臺。

當我們打開H5就相當于打開一個網頁，頁面需要加載，切換也需要時間，一秒鐘內幾百幾千人同時登錄、報名、購票，說不定還要滿足活動專題，抽獎，簽到等等，如果還是沿用之前的開發方案，用戶通常都會得到一個苦悶的無響應。

（青島國際家具展展會用戶紛紛掃描進入H5平臺）

如果您還沒有意識到這個例子里高并發帶來的恐怖，那可以聯想一下每年雙十一的0點時，反復購買操作無效的感覺。

為了讓青島國際家具展的用戶擁有絕佳使用感，標梵綜合了一系列方法，比如，引入了輕量高效的前端組件化方案VUE.JS，使用了提高工作效率的前后端分離技術，還有解決高并發問題的負載均衡與消息池異步化數據等等。

001 用VUE.JS搭積木

新的名詞并非遙不可及，我們假設在一個項目中，如果有多個部分是相同的，并可以封裝成一個組件，那么VUE.JS的組件機制可以實現組件的復用，讓開發工程師們可以像搭積木一樣用組件拼接嵌套出整個界面，開發過程省力省時。

002 Ant組件庫

UI界面決定了用戶使用的第一感受，標梵選擇的Ant Design是一款適合PC端和移動端的UI組件庫，這個組件庫非常豐富，基本上所有想到的頁面交互都可以用Ant Design來實現。

（家具展特色鮮明的的界面）

組件的視覺、交互設計和與前端的融合相得益彰，不但能滿足用戶的使用體驗，也能滿足開發工程師的工作體驗，幫助開發人員在短時間內打造出具有優秀外觀的產品。

003 前后端分離技術

我們都知道，并聯的工作效率要比串聯的方式高出許多，前后端分離技術正是將混合起來的前后端代碼分開，讓標梵的前端工程師和后端工程師分別專注自己的部分，不必等待對方工作結束后才能進行下一項。

哪怕需求有所改變，只要接口不變，也僅須在前端修改，后端無須跟著行動。

而且前后端分離后代碼會變得整潔清晰，不論是閱讀還是維護都會比以前更輕松。

004 負載均衡

當青島國際家具展的用戶大量到來進行訪問時，服務器的調度就需要依賴負載均衡提高響應速度，解決擁塞問題。顯然，這一項技術的目的在于“均衡”。

用戶請求發送到系統后，它能通過某些方式把請求均勻分發到多個節點上，使系統中每個節點能夠均勻處理，共同完成工作。

這種方法可以擴展服務器的帶寬、增加吞吐量、加強網絡數據處理能力、提高網絡的靈活性，提高用戶訪問質量，幫助用戶避免各種單點失效。

005 消息池異步化數據

在標梵開發工程師的眼中，異步化數據無疑是解決高并發的主要幫手。

用戶產生所有的認證流程，訂單流程，支付流程，大量的排隊請求占用著資源，假設每個調用時間控制在20毫秒內返回，乘以300人同時操作，這個時間也會讓用戶等待得太久了。

解決性能的核心就是實現消息池的異步化，異步化數據同樣用于解決阻塞的問題，它能提高每秒查詢率，每秒的響應請求數，拉升最大吞吐能力。

標梵以成熟的技術能力打造出色產品，在所言內容之外下了更多功夫。其中牽扯到多種信息調度，不僅需要開發人員選擇良好的架構和技術，還需要對業務場景的全鏈路進行峰值測試。

這次青島國際家具展展會中，共計三十萬用戶使用標梵互動開發的H5平臺登陸，其中無卡頓，無數據丟失，響應及時，體驗流暢。這次合作的成功，也印證了標梵一直以來的態度：永遠將互聯網新技術握在己手。