积木系统,将运营系统做到极致

本文作者:IMWeb 江源 原文出处:IMWeb社区 未经同意,禁止转载

积木系统上线半年,取得了些成绩,也暴露出不少问题,加上 2.0 版本也准备开动,因此正是时候来个总结反思下。

项目开始之前

系统要解决的问题

产品运营在产品侧来说,是个大事,产品的冲量、用户的活跃等等一大堆指标都靠它了,有人说再好的产品不运营也是个渣渣。于此同时,产品运营对技术岗的同学来说,是无休无止的赶时间点(节假日、网络热点)以及不是很能体现技术含量的重复性的简单页面。

这个矛盾,让产品和技术双方都很沮丧,产品觉得技术不够重视,技术则觉得不应该在重复性的简单的工作上投入过多时间。

好吧,这其实就是积木系统想要解决的问题以及终极目标,让产品同学可以快速发布页面,同时技术同学沉淀组件(积木)来避免重复性工作,如下图:

系统的核心功能

分析了各方的痛点以及诉求之后,系统的核心功能其实和容易理出来:

  • 简单易用的、可视化的可编辑页面
  • 通用的、简便地组件接入机制

当然除此之外还要有:

  • 发布系统,既然是批量的生成页面,也就没必要每次都有测试(首次发布要严格测试)来发布
  • 编译系统,类似 grunt ,fis 做的事,发布之前要编译,如果资源合并、CDN 路径替换等等
  • 业务管理系统,是的,这个系统不能只为腾讯课堂服务
  • 权限系统,不多说
  • 响应式,一次配置,多端运行 ……

开始技术规划之前,我们有必要也必须要分析现有的解决方案,没必要重复轮子。

现有的一些解决方案

传统的后台管理系统(CMS)

不管是产品还是开发,对 CMS 应该都不陌生。

技术开发好前端页面以及后台录入系统,产品在录入系统录入和修改数据让后发布。

这个方案离我们的期望很远:

  • 不能可视化的编辑页面
  • 页面的路径都不容易变动,而我们的活动则是无穷多个
  • 前端代码倒是可以组件化,但也也就停留在代码层面,而不是系统层面

毫不留情的 pass 。

mmrp

这是一个优秀的运营系统,地址 http://mmrp.oa.com/

官方团队这样描述它:

MMRP全称是The MultiMedia Release Platform,数字多媒体内容发布系统。 它是一个全新理念的运营需求处理系统,通过B/S在线绑定数据及前端代码,录入模块库并通过按需求组合组件,生成网页发布到CDN服务器群,旨在推动过渡到工业化时代,避免重复劳动,节省人力资源成本输出价值最大化,同时减少版本风险,缩短研发周期,统一视觉表现。

是的,这是积木系统的前辈,运营系统的先行者。但我们在做深入分析时,也发现了一些缺陷:

  • 交互复杂。产品可以在页面拖拽组件,还可以给组件绑定事件(比如 click),多个组件的之间的联动等等等等。这些操作我作为一个开发者在使用的时候都有些云里雾里,不要说产品了。产品在这里的诉求是简单配置,快速发布,绑定 click 事件什么的真的有些夸张了。
  • 难以维护和移植。组件和系统是耦合的,这一点很致命。没新增一个组件,系统都要做相应调整,这对于多业务的系统来说是不可介绍的,假如我们的 tapd 也是每新建一个项目就得改下系统……太可怕了!

上面的缺陷,丝毫不影响 mmrp 的光辉,虽然它已经停止维护了,但还是要向它致敬!

积木系统的设计

现有的系统并不能满足刚需,所以,积木系统蓄势待发。 经过团队(imweb)几轮的讨论,架构如下:

可视化组件化摆到了核心位置,也对应了积木系统的两大核心:系统本身和组件体系。

系统:

  • 可视化编辑
  • 发布
  • 接入各种组件

组件:

  • 开发过程和系统无关
  • 逻辑和系统无关
  • 遵照系统约定

系统不求花哨,但求实用。更多的细节有时间在单独来篇文章,这里就不赘述。

取得的成绩

接入的业务

  • 腾讯课堂
  • QQ 电影票

发布的活动

总数将近 50 个,其中响应式 30 个。响应式如果走开发流程的话,工作量翻倍。 换算成工作量 (20 + 30 2) 3 = 240天。这是保守估计,一个活动算了 3d 工作量,同时这也仅仅是算了前端开发,没有算上后台、cgi 、视觉等等。

存在的问题以及 2.0 版特性

问题同样不少,比如接入其他业务还是不够方便、组件与系统联调也不是非常简单,为了解决遇到的问题,让系统更容易接入、开发和移植,积木系统 2.0 已经在规划中!

2.0 的新特性包括但不限于以下几点:

  1. 系统和业务分离,业务逻辑以插件的形式接入系统,方便业务接入。
  2. 组件开发套件,无需搭建系统来 debug 组件。
  3. 更多的表单类型支持,这里的表单是编辑页产品配置表单,包括单选、多选等等常用表单,颜色选择器优化以及能展现复杂数据结构的组件 型表单。
  4. 更易定制的、易于业务优化的编译、打包系统。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

前端开发的中年危机

最近一年前端也在飞速发展着, 很多前端(比如我)感觉有时候就会莫名其妙的冒出各种不明觉厉的概念: redux刚看了一点, 突然不知道哪来的mobx, rxjs...

2157
来自专栏无原型不设计

如何规范移动应用交互设计?UI/UX设计师须知的11个小技巧

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。

4109
来自专栏知晓程序

实测!小程序「多媒体能力」大更新,居然还能做直播了?

在昨天晚上,微信小程序又全面升级了包括录音、拍照摄像、视频播放等多向多媒体能力,同时还进一步完善访客来源数据,让你能清晰看到这些用户是从哪些渠道来的。

1162
来自专栏web前端教室

web前端不止是JS和CSS,还有诗和远方。谈WEB前端工程化

标题起的有点骚包哈,其实是说,WEB前端的主战场是“前端工程化”。 前端就前端呗,为啥还要加个“工程化”? 很简单,因为前端变复杂了。复杂到必须把一个个网页切成...

2277
来自专栏知晓程序

微信小程序发布时间出炉!全面了解小程序的前世今生

1203
来自专栏IT派

GitHub最流行语言:JS 还第一,Python 反超 Java

转自:开源中国 ? GitHub Universe 是 GitHub 的年度盛会,今年10月10-12日,GitHub Universe 大会在旧金山召开。同时...

3758
来自专栏FreeBuf

iOS 12 安全更新 | 一个月内安装率超 50%,越狱和漏洞一个也没少

九月份,苹果发布了新品手机 iPhone XS,同时也发布了 iOS 12 更新。此后,新版 iOS 系统的安装率逐渐走高。根据市场调研机构 Mixpanel ...

1685
来自专栏非著名程序员

听说 Flutter 最近要多火爆就有多火爆,那就推荐一个不错的系列文章吧

就在上上周Flutter 发布首个预览版,Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flu...

1514
来自专栏互联网杂技

设计出优秀的网站着陆页,这10个技巧能帮到你

网站的着陆页承载了太多的东西。当用户打开着陆页的时候,你得让他们感知到你的品牌调性,通过行为召唤元素促使用户执行特定的操作,通过视觉化的手法,给用户留下深刻的印...

841
来自专栏xingoo, 一个梦想做发明家的程序员

Oracle二三事之 Oracle SPARC SuperCluster的九大技术优势

• 运行最快的服务器:   SPARC T4计算资源池创造了18项性能世界纪录,全面超越同类产品,单柜128核心、1024线程。 • 数据库服务:   Ora...

1857

扫码关注云+社区