一、当前开发遇到的常见“痛点”
在前后端联调时,有些麻烦出现的频率不低而且可能会较大程度影响开发效率,其中就包括前后端对接口数据格式设计的差异。两者一是基于领域模型,一是基于用户交互,因此设计出来的数据结构经常有差异,使得前端从接口取到数据后还需要多做一层“数据规格化”(我自己的称呼…)的工作。举两个例子:
命名习惯不一致,例如有这样的一个列表数组ranks:
[
{
id: 1,
value: 'DUCHY'
},
{
id: 2,
value: 'KINGDOM'
},
{
id: 3,
value: 'EMPIRE'
}
]
页面的渲染组件需要value这一属性名,但接口数据使用的是name,那么就需要做一个遍历,手动修改属性名。
类似的情况还有(null、’’)/([]、{})的转换等等,这都是为了数据格式所做的额外操作,与业务逻辑并没有太大关联。
为复用某些接口,需要做一些接口数据额外处理:
数据对象info:
{
countries: [
{
name: 'Austria',
cities: [
'Vienna',
'Tirol'
]
},
{
name: 'Persia',
cities: [
'Isfahan',
'Shiraz'
]
},
{
name: 'United States',
cities: [
'San Francisco',
'Mountain View'
]
}
]
}
现在有一个场景,我只想要countries数组的第一项(或者说,在特定场景下只有第一项是有意义的),那么我如果复用这一接口拿到的数据,每次就都要做一个let specifiedCountry = countries[0]的默认赋值,在更复杂的场景下这种赋值可能嵌套更深、重复次数更多。
显然,处理数据格式与处理交互时的数据变化应该分离,这样前端会有更多精力去处理交互的业务逻辑。
二、对GraphQL的探索及其应用
要应对这一需求,当下的GraphQL是一个不错的方案,用它可以做到指定一个请求格式,然后获取所需的数据,同时它也支持一些逻辑判断和抽象,如directive、Fragment、Variable等等,以下取这三个作为例子,演示一下对于上述例子的解决方案:
对于(一)中的第一个例子:
考虑GraphQL的alias解决方案:GraphQL的别名alias设计目的是在同一个Type下可以返回多个对象而不发生命名冲突,不过我们也可以用它做一下name -> value 的重命名:
ranks {
id
value: name
}
*嵌套的别名是否可行未知,还需要做一下验证
对于(一)中的第二个例子:
使用variable和directive做一些逻辑处理:
query Country($isFirst: Boolean!) {
info(episode: $episode) {
countries @include(if: $isFirst) {
name
cities
}
}
}
数据模型中,第一个元素包含isFirst: true即可(这里可能还要深究一下,isFirst如何设置才能真正解决原来的问题,或者说需要别的判断方式)
三、BFF的定位及node.js在BFF层能做的事情
BFF的应用场景有很多,聚合后端接口,提供给第三方api都是它可以负责的工作。聚合后端接口在上文已经有了类似的操作,不过做的不是聚合几个接口而是对某个接口做了额外处理。
BFF层的设计一般来说可以更好地满足产品快速迭代的需求,因为它将UI交互与部分服务都交给了一个team(可以是Frontend)负责,这样可以大大减少不同team的沟通协调成本。
node.js也可以做一部分在BFF层的数据加密(放BFF层合适吗?)、请求转发(需要和nginx做一下对比)
也可以做一些性能优化的工作(依然要对比以往服务端的解决方案)
性能优化
高并发与负载均衡:常见的情况下,高并发的性能制约包括了大量的I/O操作时CPU利用率较低,而node.js在处理I/O密集型操作时有自己的优势。
在负载均衡方面,nginx有几套常用的请求分配方案,也有shared memory的解决方案,并且在保证会话一致性上有较好的表现。
node.js的clientRequest对象也会维护一个header queue,可以对请求的流程做一定的控制。