诚之和:怎么让前端程序员没有后端也能完成项目

这篇文章主要讲解了“怎么让前端程序员没有后端也能完成项目”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么让前端程序员没有后端也能完成项目”吧!

直接把 Mysql 暴露在公网给前端使用会有什么问题:

  • I/O 边界 => 性能考虑

    • 批量获取多条数据

    • 对数据进行 count / sum 等聚合

    • 把聚合结果做提前计算,冗余字段

  • 组织边界 => 安全考虑

    • 产生的订单价格应该等于商品单价之和

    • 出库单要创建,需要xxx领导签字单

    • 数据权限校验,防止非法访问

    • 校验业务规则

要做到 Backend as a "Database",就是回答以上问题如何解决。

User 表

Mysql / Postgresql 的权限太粗了。肯定是要在 Mysql / Postgresql 外边套一层去校验权限。这里有如下的挑战要解决

  • B 端权限需要非常细致,不仅仅要到行,甚至到格。权限可能是按职位授予,也可能是因为工单分配临时授予。

  • 权限校验开销不能太大,如果拿来做 C 端业务,单据数量和用户数量都可能会非常大。要减少因为行级别权限引入的开销。所以要能按需打开不同的授权模式。

  • 没有登录的用户需要登录,或者能够匿名浏览。如何方便给没有用户的访问做适当的提权。

  • 非真实人类用户的访问,比如夜间的批处理,需要能够有机器人的账号

  • 账号的初始化是如何描述的,谁来分配最初的那个管理员

  • 如果有多个 Project,每个 Project 有自己的用户体系,不同的 User 表。这两个 Project 要互相访问,用什么 User 身份?

解决了以上问题,我们就获得了一个内建权限的“Database”,可以开放到公网给前端访问。实际拉数据的时候,用的是人类用户自己的身份。只要用户自己对要访问的数据表或者行有权限,就可以访问到,否则就访问不到。

业务数据表

写一个 Typescript 的类,然后把 Mysql 的表建好。和 Java Hibernate 一样

@Biz.profile('买家', 'read') @Biz.profile('店长', 'read', 'create', 'update', 'delete') @Biz.profile('管理员', 'read', 'create', 'update', 'delete') @Biz.authentic({ rowPolicy: 'public' }) @Biz.published export class RegionFreightTmpl extends Biz.ActiveRecord {     @Biz.lookup     public readonly freightTmpl: FreightTmpl;     // 计费模式:按件(目前只有按件)     public freightTmplType: string;     public firstPrice: number;     public firstAmount: number = 1;     public additionalPrice: number;     public additionalAmount: number = 1;     public regions?: string; }

查询的时候直接用这个 class 来指代这张数据库表就可以了。

视图表

能够做好权限校验的前提是只暴露单表的简单查询。那么 count / sum / join 这些怎么处理? 难道是要发明一种 SQL 变种,然后搞 SQL 解析么?

一个简单的做法就是引入“视图表”的概念。把这些聚合查询都建模成一张虚拟的视图表。这样在查询的时候仍然是单表查询。

  • 解决了 rpc 请求的时候如何表达复杂 query 的问题,避免了 sql over http

  • 解决了权限校验难以确定目标是什么的问题

物化视图表

如果所有的聚合查询都要按需计算则会非常慢。经常我们需要一些按日期,按维度提前聚合好的中间结果。这个可以用物化视图表来表达

@(Biz.view`SELECT id, gender, age, city, SUM(OrderItem.cost) AS total FROM ${impactSet} JOIN ${User} on User.id = impactSet.userId LEFT JOIN ${Order} on User.id = Order.userId LEFT JOIN ${OrderItem} on Order.id = OrderItem.orderId`) @(impactSet`SELECT DISTINCT(Order.userId) AS userId FROM ${ Order }`) @(impactSet`SELECT DISTINCT(Order.userId) AS userId FROM ${ OrderItem } JOIN ${ Order } on Order.id = OrderItem.orderId`) @Biz.source(Starriness, { dataSource: 'clickhouse' }) export class UserWithTotal extends Biz.SqlView {     public readonly id: string;     public readonly userId: string;     public readonly created_at: Date;     public readonly total: number; }

物化视图的问题在于什么时候刷新。通过用 SQL 定义 impactSet,我们可以由 mysql binlog 触发物化在 clickhouse 中的物化视图表刷新。

用户行为表

物化视图的来源是业务数据。用户行为因为数据量比较大,不太适合直接插入到 mysql 中。把用户行为单独提供一张宽表来记录用户做过什么操作。写入可以是内存缓冲,或者经过 kafka 这样的队列缓冲。

宽表的列应该是按业务需求扩展的,如果业务上关心用户操作的订单id,或者商品id,则要加上这些字段。大概的 api 也类似 mixpanel 这些老牌分析厂商的上报接口。

物化视图在计算报表的时候可以 join 用户行为表和业务数据表来得出分析结果。

批量查询

一次 rpc roundtrip 只能发一条查询太慢了。那支持一个数组,一次可以提交多条查询就好了。至于前端代码中怎么把多个组件的查询聚合到一个 rpc 中,这个就看前端的 data query 框架是怎么来弄了。无非就是全局搞个 buffer,在“合适的时候”刷一下这个 buffer,批量查一次。

存储过程

细粒度的用户权限只能解决数据完全被一个用户拥有的问题。很多时候数据是协作数据,有多个 stakeholder,那么就必须经过协商好的规则去修改数据,而不是一个用户说了算。例如你可以决定今天的日记本里随便写啥,但是不能决定把今天晚饭的订单改成0。日记是你拥有的,但是订单是多个相关方都关心的。

解决业务规则校验后写入的问题就是存储过程了。前端同学肯定是希望用 javascript 来写存储过程。实际上就是所谓 FaaS 的云函数。本质上就是后端代码仍然有,只是换了一拨人来写。

如果业务规则比较简单,例如只是一个状态机的转换图,则可以用配置替代code。当然大部分时候,复杂的业务逻辑,上 javascript 是最直观的。

Data Migration

数据库表结构变更了肯定还是要写 SQL 来升级数据库的,标准做法没啥说的。

Backend as a Database

  • 用 RPC 接口提供了一个类似 Database 的东西

  • 把后端业务切分成了 User表/业务数据表/视图表/物化视图表/用户行为表/存储过程/DataMigration 等预设的概念,变得更规整

  • 除了“需要经过业务规则校验之后写入”这个例外,其他的后端接口都不需要上通用编程语言,可以用配置或者SQL定义解决

  • 这个解法既不是 GraphQL,也不是经典的 BFF

感谢各位的阅读,以上就是“怎么让前端程序员没有后端也能完成项目”的内容了,经过本文的学习后,相信大家对怎么让前端程序员没有后端也能完成项目这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。

(0)

相关推荐

  • 一款超炫酷的快速开发后台权限管理系统!

    写代码的渣渣鹏 昨天 大家好 今天推荐的这个项目是「cool-admin-midway」,一个很酷的后台权限管理系统,开源免费,模块化.插件化.极速开发 CRUD,方便快速构建迭代后台管理系统,支持 ...

  • 如今前端程序员还有前途吗?

    目前,前端程序员仍然是IT行业比较火的技术之一,在现在或将来,只要我们在互联网上使用前端程序员,就一定是一个很有前途的行业.因此,对于现在的前端程序员是否有前途,对这个问题的回答是肯定的. 特别在当今 ...

  • 前端程序员学好算法系列(九)递归回溯算法

    回溯算法主要应用于树形问题,我们先从一个简单的算法入手 17. 电话号码的字母组合 给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合. 给出数字到字母的映射如下(与电话按键相同).注意 ...

  • 前端程序员学好算法系列(六)队列

    利用队列我们可以解决很多问题,js数组也可以实现队列,队列的思想为先近先出,js可以用 push和 shift() 很容易的实现一个队列 给你一个二叉树,请你返回其按 层序遍历 得到的节点值. (即逐 ...

  • 前端程序员学好算法系列(五)栈

    前端程序员学好算法系列(五)栈

  • 前端程序员学好算法系列(四)链表

    24. 两两交换链表中的节点 给定一个链表,两两交换其中相邻的节点,并返回交换后的链表. 你不能只是单纯的改变节点内部的值,而是需要实际的进行节点交换. 示例: 给定 1->2->3-&g ...

  • 诚之和:如何掌握前端JavaScript中的class类

    本篇内容主要讲解"如何掌握前端JavaScript中的class类",感兴趣的朋友不妨来看看.本文介绍的方法操作简单快捷,实用性强.下面就让小编来带大家学习"如何掌握前端 ...

  • 前端程序员的进阶

    前言 如何成为一名优秀的前端工程师 要有自己的前端知识体系 逐步完善自己的三大能力,首先是编程能力,其次是工程能力,最后是架构能力 在工作中完善自己的领域知识,如教育类,电商类等等 构建自己的知识体系 ...

  • 程序员如何快速上手一个新项目?

    不要事无巨细地请教老同学,要有Owner的心态 淘系技术部 - 淘系架构 - 光锥 在接手一个自己不太熟悉的新项目时,可以从以下几点思考以便快速熟悉系统. 熟悉业务 用户是谁.提供的核心功能是什么.系 ...

  • 对前端、后端和全栈感兴趣的人,建议都看看!18年老程序员给你指点迷津

    一.前端 (1)何为前端 简单来说,前端开发就是开发网页上的内容展示和与用户的交互.内容展示指的是你在网页上能看到的图片.文字.视频.数字等信息,那与用户的交互指的就是用户在页面上通过点击按钮.输入文 ...