❤️‍🔥BFF架构版的hello world

前言

我们知道,BFF层的核心作用是聚合来自多个微服务的数据。

那如何从0到1使用BFF架构实现一个最简单的功能?

本文会从一个最简单 的需求开始 ------ 通过BFF层获取BLOG服务的BLOG数据 ,实现BFF架构版本的hello world

然后再结合扩展 部分的内容,去了解如何对一个BFF架构的项目做扩展。

正文

第一步:确保日志微服务已经存在

假设我们已经开发好了日志微服务。

一般如何命名呢?

可以考虑blog-service

我们假设blog-service提供RESTful API,这样BFF层发个http请求就可以调用到了。

比如:

  • GET /api/blogs → 获取博客列表

  • GET /api/blogs/{id} → 获取单篇博客

  • POST /api/blogs → 创建博客

  • PUT /api/blogs/{id} → 更新博客

  • DELETE /api/blogs/{id} → 删除博客

第二步:BFF层的代码编写

在有了blog微服务的前提下,我们又该如何设计BFF层的接口和方法名呢?

我们同样会使用restful的风格来设计接口,就像下面这样:

  • GET /bff/blogs → 获取博客列表

  • GET /bff/blogs/{id} → 获取单篇博客

  • POST /bff/blogs → 创建博客

  • PUT /bff/blogs/{id} → 更新博客

  • DELETE /bff/blogs/{id} → 删除博客

这样就可以了。

当然为了项目的可扩展,我们可以提前准备好各种协议的请求的封装。如HTTP、gRPC、RabbitMQ之类的。

做完了这两步,基本就万事大吉了。前端调用bff层即可。

扩展

现在增加一些难度,我现在要对我的博客 增加评论功能

很明显,评论与博客是有关联的,每一个博客都会有其自身的评论内容。

这个时候该如何进行扩展呢?

要为博客增加评论功能,推荐这样扩展:

  1. 首先新增comment-service微服务,提供评论的CRUD接口,不对之前的任何服务造成任何影响!
  2. BFF层改造【依然不对之前的任何接口造成任何影响,只做新增】:
    • GET /bff/blogs/{id} → 【聚合】博客+对应评论
    • 新增评论相关路由: POST /bff/blogs/{id}/comments → 创建评论 DELETE /bff/comments/{id} → 删除评论
  3. BFF层先调blog-service获取博客,再调comment-service获取评论,合并后返回。【注意:BFF层存在的意义是方便前端的调用,所以此处我们将评论与博客聚合,而不是让前端发两个请求(一个请求博客,一个请求评论),这个思维惯性要改过来!】

这就是扩展的内容了。

最后

最后想重新强调一下BFF层存在的意义:为了前端而存在

相关推荐
法欧特斯卡雷特几秒前
【译】Spring I&O 社区专家聊 Jimmer ORM
后端·spring·面试
火车叼位几秒前
前端从代码完成到可交付之间还有什么
前端
SoonITer几秒前
esm 和 cjs 共用同一份类型 - 让 type 先 move to esm-only
前端·typescript·前端工程化
鸡米键盘2 分钟前
巧用 resolve.alias 优化构建产物:消除重复打包与提升 Tree Shaking 效果
前端
7ayl2 分钟前
原型链
前端
码事漫谈3 分钟前
在WSL中配置VS Code C++开发环境完整教程
后端
daydayupx10 分钟前
【前端学部署】第一篇: 几块钱部署一个有域名的静态网站
前端·后端
前端搬砖仔噜啦噜啦嘞11 分钟前
从0到1开发一款vscode插件
前端·javascript
汪子熙12 分钟前
计算机编程中的 Predicate 概念详解
前端
xianxin_12 分钟前
HTML 空格符
前端