作者：vivo 互联网服务器团队- Chen Wenyang
本文根据陈文洋老师在“2022 vivo开发者大会"现场演讲内容整理而成。公众号回复【2022 VDC】获取互联网技术分会场议题相关资料。
在互联网流量见顶和用户需求分层的背景下，如何快速迭代产品功能，满足用户需求成为了开发首要面对的问题。游戏中心低代码平台从产品定位入手，以组件化方式搭建用户端页面，快速支撑产品需求，提升了研发效率，缩短了项目周期。本文首先介绍背景与痛点，然后阐述了游戏中心是如何搭建低代码平台，最后展示了低代码平台带来的收益和未来建设方向。
一、背景介绍与痛点分析
vivo游戏是vivo用户玩游戏的平台，其主要产品形态是vivo游戏中心以及vivo游戏内置悬浮球，它为用户提供了找游戏，玩好游戏，找人一起玩游戏的价值。vivo游戏中心是vivo游戏的核心流量入口，因此游戏中心首页就承担了非常重要的角色。首页的风格延续了好几年，基础样式几乎没有什么变化，强调分发。随着时间的发展，各种问题就慢慢突显出来了。
1.从2020年开始，互联网流量见顶，分发提升困难，需要探索新方向，而应对新需求的时候研发周期过长。从需求评审到功能上线，灰度到全量，需要耗时一个月以上，运营效果往往低于预期。
2.核心用户的关注点不同。MOBA玩家看画面和平衡，传奇玩家看游戏人数，消消乐玩家看玩法，且用户对游戏福利活动的需求也是非常强烈。首页列表中，重点信息无法突出，也无法给用户带来强烈的下载冲动。
3.任何一个游戏都是有生命周期的。在不同的阶段，突出的重点是不一样的。预约的时候可能突出这个游戏的画风和画质，重点更新的时候可能突出的是新玩法。游戏中心首页没有相关的位置或者手段来突出这些信息。
4.无法快速响应运营或者开发者诉求。如果运营需要更换首页跳转的二级落地页，或者响应开发者诉求搭建一个特殊专区的时候，都是需要开发的，现有功能无法快速支撑。
这几个问题是表层的问题，透过现象看本质，我们可以归纳出，游戏中心缺少了两项基础能力。一方面，游戏中心缺少灵活多样，且能动态调整的组件化能力；另一方面，游戏中心缺少可视化，快速搭建页面的能力。基于以上痛点，结合行业前沿知识，笔者所在团队商量决定，利用低代码思想，打破原有秩序，重新搭建新平台。
二、如何建设游戏中心低代码平台
大家可能会好奇，低代码平台一般都是通用性比较强的平台，怎么能和业务属性如此鲜明的游戏中心结合呢？那接下来笔者为大家一一道来。
低代码平台离不开组件化设计，那什么是组件化设计呢？组件化设计是指针对相同或者不同功能，性能，规格的产品，进行功能分析，设计出一系列的功能组件。通过组件的多样选择将产品客制化，以满足不同的市场需求。由此可以推出，游戏中心组件化设计就是针对游戏中心进行功能分析，设计出一系列功能组件，通过组件的多样化选择，快速搭建出不同的页面，以满足不同用户的需求。
那么，我们是怎么来定义游戏中心的组件呢？
在原有系统的基础上，结合游戏中心app各个位置的形态以及未来定位，把游戏中心首页按照横向划分，每一行细化为一个组件。虽然大家可能不太了解游戏中心，但是对于市面上大部分分发类的产品来说，它们每个页面里面的UI样式是系列化的，比如视频样式，图片样式等，变化比较多的是内容，所以我们可以以行来定义组件。另一方面，组件粒度的粗细，和组件的灵活性成反向关系，但是和运营的配置能力成正向关系，即组件粒度越细，越基础，那么组件的灵活度就越高，运营的配置配置成本也越高。所以，选择什么粒度的基础组件，是需要结合实际业务需求，综合分析后确定的。不是粒度越细越好，也不是粒度越粗越好。
确定好组件的粒度后，我们通过一个例子来详解拆分一下组件的构成。大家请看图1，这是一个专题组件。其形式为左上是标题，右上是跳转二级页的按钮，多个游戏横向并列成一行，最下面是安装按钮。将这种组合形式抽象为一个多游戏并列（1*4）展示的基础模板，基础模板同时也叫元组件，那么就可以把这类基础模板命名为专题元组件。运营希望该元组件可以配置标题，跳转链接，行数和展示游戏个数。这些是静态的基础配置。同时，专题组件需要配置一个数据源，这个数据源决定专题里面游戏的内容和展示顺序，这个数据可以是运营配置的或者实时推荐的。例如，在推荐场景下，用户发起请求的时候，可以由推荐实时返回，那么这就是动态数据。Banner同理。因此可以认为：组件是由元组件和数据构成的。
图1
那么元组件是怎么定义的呢？在后台，我们可以新增一个元组件，填写完卡片编号名称描述等信息后，再上传图片保存。这里的元组件卡片编号作为该组件的唯一标识，是有相应的业务含义，由该编号确定当前组件展示数据的格式，即通过编号确定处理数据的流程类。上传图片主要方面运营配置页面。因为在页面搭建过程中，运营配置多个组件的时候，后台会实时显现客户端的效果。展示的组件图片就是在此处上传的。
图2
配置完元组件的基础信息后，在元组件配置管理的左边，如图3，通过编辑schema，右边就会出现当前元组件能够配置的标题，跳转链接，行数以及单行游戏的个数。这些配置是运营在配置组件的时候可以动态配置的；配置完这些数据后，在页面管理后台，添加该类组件的时候，红框中出现的就是我们能够配置的基础属性了，如图4。到这一步，元组件的配置就完成了。
图3
