青岛国际家具展历经十余年发展，在展会规模、品质、成效和体验上不断进行自我革新，为参展者带来更高端的展会体验，现已成为北方同类展会中的佼佼者。青岛国际家具展为全行业及社会各界呈现“大不一样”的高品质盛会，引领整个北方地区家具产业的升级发展。

（标梵为家具展打造数字化入场券）

标梵互动作为一家为品牌提供互联网营销解决方案的公司，帮助青岛国际家具展进行数字化转型，推动青岛国际家具展在营销科技内容创意、销售转化、用户运营、H5定制等方面进行升级，为青岛国际家具展构建业务增长策略、建设线上参与渠道，搭建用户使用体验极致的平台。 

H5定制也可以理解为手机端的网页开发，且范围广而灵活，小程序、APP等都可以嵌入到H5定制进行开发，其跨端能力很强，混合开发成本小，深受到中大型企业的欢迎。

H5定制是目前数字科技所构建的互联网井喷时代下具有互动形式的多媒体广告页面，代表着数字技术正在一步步改变全球消费者的消费习惯及生活方式，同时，它也具有很强的传播性及黏性，H5定制在短时间内容易被人记住并理解，后产生长久的潜移默化的影响。

在与青岛国际家具展合作中，标梵启动成熟技术服务团队，利用自身技术核心优势，结合在业内有相应成功案例的加持，为青岛国际家具展提供了创造性的解决方案。

001 规划近景

项目需求的沟通在合作中起着关键作用。标梵从深度访谈了解青岛国际家具展需求开始入手，在经过公司相关人员多次头脑风暴，明确项目所需团队配置，确定了从开发到使用整个过程的用户体验和使用细节，制定了项目开展流程的管理方案，对意外状况也做了详细报告，初步制定了产品各个阶段完成的时间节点。

002 打量远景

模拟目标用户群的使用环境，并对目标用户群进行细分，并测试H5定制上市之后所面临的意外突发状况，对如何处理意外突发的状况设置详细的解决方案，估算成本的投入，给客户提供基础心灵轮廓。

H5定制从初期设计开始的底层逻辑应十分清晰。在与青岛国际家具展的设计中，标梵针对目标用户群体的三大类进行主线分析，即购票方式、身份群体、报名环节，确定了主线的模块后，再进入分支中。

例如，我们分析了各类参会人员的特点。参展商报名时，应有权吸引观众并邀请公司员工参加展会。

再例如，当面部识别用于报名参展时，面部识别也同样可用于入场。此时，应在产品中添加精确的面部识别算法，以确保用户的顺利使用。

为了从一开始就让客户感觉到成品的方向，标梵为客户提供一个初始原型，给予客户良好的初始用户体验。

即使产品的简化版本略显粗糙，但可以方便客户更直观地看到产品的核心，如基本功能、用户交互过程、信息架构、交互细节、页面元素等。

双方沟通过程中，在简化版本的基础上将讨论的重点转移至页面布局和功能改进上。通过每一次头脑风暴后思维维度的增加，可以灵活地在原型上添加和减少项目，以完成每次产品初级迭代后客户对结果的满意为目的。

经双方确认后，才进行下一步的高保真模型的原型设计，并投入开发。

越早使用H5定制，展会的效益就越大，故标梵在面对青岛国际家具展H5定制的开发设计中支持提高开发效率和交付时间，其次是克服未来产品可能会面临的高并发问题。

对于一个H5定制的产品，性能同样重要，性能是用户体验不可缺少的重要一环，当我们打开H5定制，就像打开一个网页，必须经过加载页面和切换，倘若数十万人在一秒钟内同时注册和买票，过程中也需要H5定制满足活动主题、抽奖、用户打卡签到等，如果我们仍然使用以前开发的老方案，用户通常会沮丧的等待网页的无响应，这对用户来说是无法忍受的，用户的耐心会逐渐丧失，一部分用户甚至会直接放弃使用。

（标梵为家具展打造数字化入场券）

若您并没有意识到这个例子中高并发问题带来的恐怖，您可以想象在每年的双十二，用户同时在某一个网页抢购同一件商品，却加载无效的感觉。

为了让青岛国际家具展的用户有更强的使用感，标梵集成了多种方法，如引入了轻巧高效的前端组件化方案VUE.JS，采用前端和后端分离技术提高工作效率，解决负载均衡和消息池异步化数据等问题。

001 用VUE.JS搭积木 

VUE.JS 是一个轻巧、高性能、可组件化的MVVM 库，同时拥有非常容易上手的API，虽然VUE.JS 是一个新名词，但对我们来说也并不陌生。

假设，我们在一个项目中，有多个部分重叠的，并且可以封装在一个组件中，则利用VUE.JS 可以实现组件的重用，以便开发工程师可以快速使用组件拆分并嵌入整个接口，这大大节省了开发工程师在开发过程中的工作和时间。

简而言之，VUE.JS 的目标是通过尽可能简单的API实现相应的数据绑定和组合的视图组件，核心是一个相应的数据绑定系统。

002 Ant组件库 

UI界面决定了用户打开H5定制第一眼的体验和感受，标梵选择了Ant Design是适用于PC和移动终端设备的UI组件库，这个组件库功能强大且丰富，基本所有能想到的交互功能都可以通过Ant Design来实现。

Ant Design基于“自然”、“确定性”、“意义”和“增长”四个设计价值观，模块化解决方案降低了冗余生产成本，让设计师专注于更好的用户体验。

同时，组件的可视化交互设计与前端的集成相辅相成，也适合开发工程师的工作体验，帮助开发人员在短时间内创造出外观优良的产品。

003 前后端分离技术

随着不同终端的增加，对开发者的要求也越来越高。单纯的浏览器响应已经不能满足用户体验的高要求。很多时候，我们需要为不同的终端开发定制版本。

众所周知，并联的工作效率要比串联的工作效率高得多。

前后端分离技术包括分离前后混合代码，前端JS可以做很大部分的数据处理工作，对服务器的压力减小到最小，术业有专攻，这样标梵的前端工程师和后端工程师也可以将整合的部分中分离出来，分别可以专注于自己的部分，培养前后端工程师独特的技术特性，而不必等待对方的工作再完成下一个环节。

前后台各尽其职可以最大程度的减少开发难度，大大提高了工作效率。即便用户需求有所改变，只要接口不发生变化，也只需在前端进行更改，后端不必更改。此外，分离后的代码将变得整洁和清晰，比之前也更容易阅读和维护。

004 负载均衡

现在的时代是一个网络的时代，网络数据的使用也达到了顶峰。

往往数据过于庞大时，会出现各种各样的问题，影响用户体验，如当大量用户到访青岛国际家具展H5定制时，服务器必须依靠负载均衡来提高访问响应速度。

明显可以看出，这项技术的目的在于“均衡”。

在将用户请求发送到系统后，负载均衡器规避了因数据过于庞大而出现的问题，它可以以某种方式将请求均匀地分配给多个节点，这样系统中的每个节点都可以均匀地处理请求并共同完成工作。

通过负载均衡器的计算和分流，让青岛国际家具展H5定制变得规律、规矩。该方法通过负载均衡器的调节可以更好的提升系统性能，可以扩展服务器带宽，提高吞吐量，增强网络数据处理能力，提高网络灵活性，提高用户访问质量，帮助用户避免各种单一故障点。

005 消息池异步化数据

随着业务架构的发展，系统之间的系统调用变得越来越复杂，在标梵开发工程师眼中，异步化数据无疑是解决高并发问题最重要的帮手。

用户生成所有认证流程、订单流程、支付流程和大量排队占用资源的队列。假设每个用户调用时间在20毫秒，但同时乘以300人操作，这段时间可想而知，对用户来说将等待太久，会导致用户流失。

对于串行同步的系统，大量业务线程等待服务器端返回相应，系统CPU使用率非常低，无法有效提高性能，这是几乎所有使用PRC调用的业务都会遇到的问题。

为了充分利用CPU资源，需要使业务尽可能在CPU上运行，而不是一直等待同步。在使用异步PRC调用之后，业务线程可以接收和处理更多的顺序消息，更充分地利用CPU资源并提高系统性能。

解决性能问题的关键是实现消息池的异步化。异步化数据也用于解决H5定制界面阻塞问题。它可以提高每秒的查询速率、每秒的响应请求数和最大吞吐量。

标梵互动成功打造了具有成熟技术能力的青岛国际家具展H5定制优秀产品，并付出了计划中的更多努力。其中涉及到各种信息调度，这不仅需要开发者选择好的架构和技术，还需要测试整个业务场景环节的峰值。

本次青岛国际家具展展会共有30万用户使用标梵互动开发的H5定制平台，无卡顿、无数据丢失、响应及时、体验顺畅,用户体验极致，客户满意度极强，此次合作的成功也印证了标梵的态度和初心，始终将互联网最新技术掌握在自己手中，走在新时代最前沿。

标梵互动成立8周年，已服务300多家企业，标新立异，卓尔不凡，帮助企业个性化打造具有深度和长远发展意义的互联网整合营销解决方案。