前端架构bff（前端架构师是做什么的）

本篇文章给大家谈谈前端架构bff，以及前端架构师是做什么的对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何处理好前后端分离的 API 问题
• 2、BFF —— Backend For Frontend
• 3、BFF是什么意思
• 4、大前端架构思考与选择
• 5、BFF什么意思？

如何处理好前后端分离的 API 问题

意义很大，但镇颂是你的问题本身认识有偏差。

对于前后端分离，认识上有个误区，那就是很多人自称：老早就分离了，全AJAX，使用Angular或者什么什么就可以了。

这个说法是不合适的，打个比方，别人问的是“如何解决家禽把蛋生在水草边的问题？”，但实际上人家养的是鸭子，答题的却是养鸡的，所以回答“不让去水边就行了”，这显然不滑睁在点子上。

这两年业界说的前后端分离，是限于偏展示类的系统（用A代替），而不是应用、管控类Web项目（用B代替），在B类项目里，前后端是天然分离的，对此，除了少部分后端开发人员，基本所有人的认识都是一致的。上一段中这样回答的人一般都是只做B类项目，在B类项目里，前后端分离是共识，不需要讨论。

那么，剩下的问题就是讨论A类项目的前后端分离了。这个问题的核心在什么御让郑地方呢，在于模板的与数据结合的位置，以及，模板的控制权在谁手里。经过这两年的讨论，基本上我们可以达成的共识就是：模板应当由前端人员去控制，主要原因有两方面：

- 性能优化（尤其是外部资源的管理与发布，请求合并等等）

- 协作的顺畅性（已形成模板的界面片段的返工等问题）

那么，模板到底应该在什么地方跟数据结合？

这个问题就比较折腾了，有部分人尝试像B类项目那样，使用js模板，然后在浏览器端执行，这是存在一些问题的，比如说seo不友好，首屏性能不够，尤其对于首页DOM量很大的电商类网站，差距很明显。

所以还是得把主要的模板放在服务端来执行。在这个过程中，阿里作了一些尝试，那就是引入Node层，在这一层把模板与数据进行合成，然后浏览器拿到的就是生成好的HTML了，但也不是所有HTML都是这么生成好的，还是会有一些内容等到了浏览器之后，再用js去加载和生成。

BFF —— Backend For Frontend

本文主要内容：

BFF，即 Backend For Frontend（服务于前端的后端），也就是服务器设计 API 时会考虑前端的使用，并在服务端直接进行业务逻辑的处理，又称为用户体验适配器。BFF 只是一种逻辑分层，而非一种技术，虽然 BFF 是一个新名词，但它的理念由来已久。

如下图，在我们的前端页面丛陵时常存在，某个页面需要向 backend A、backend B 以及 backend C...... 发送请求，不同服务的返回值用于渲染碧卜页面中不同的 component，即一个页面存在很多请求的场景。

此时，每次访问该页面都需要发送 3 个请求。同时为了保障 Android，iOS，以及 Web 端的不同需求，需要为不同的平台写不同的 API 接口，而每当值发生一些变化时，需要 Android，iOS，Web 做出修改。与此同时，当我们需要对一个字符串进行处理，如限定 140 个字符的时候，我们需要在每一个客户端（Android，iOS，Web）分别实现一遍，这样的代价显然相当大。

于是，我们就需要 BFF 作为中间件。悔郑穗在这个中间件上我们将做一些业务逻辑处理：

而当我们有了 BFF 这一层时，我们就不需要考虑系统后端的迁移。后端发生的变化都可以在 BFF 层做一些响应的修改。

例如，我们加入 BFF 层，原本每次访问发送 3 请求页面，变成一个请求。

BFF是什么意思

1、永远的最好的朋友

BFF是英文“Best Friend Forever”的缩写枣没，一般中文直译为“永远的最好的朋友”，该词汇多用于口语。

2、波士顿电影节（Boston Film Festival）

BFF是波士顿电影节，波士顿电影节是国际知名的电影节，侧重于评选来自世界各地和美国的优秀电影，包局岩明括故事片、纪录片。波士顿国际电影节高度重视多元文化，曾选出许多在国际上享有盛名的电影作品。

3、服务于前端的后端

BFF即Backend For Frontend（服务于前端的后端），也就是服务器设计 API 时会考虑前端的使用，并在服务端直接进行业务逻辑的处理，又称为用户体验适配器。BFF 只是一种逻辑分层，而非一种技术，虽然 BFF 是一个新名词，但它的理念由来已久。

网络BBF的应用

BFF 的出现为前端应用提供了一个对业务服务调用的聚合点，它屏蔽了复杂的服务调用链桐告，让前端可以聚焦在所需要的数据上，而不用关注底层提供这些数据的服务。

在看到 BFF 带来的各种好处的同时，也要注意到它所带来的代码重复和工作量增加方面的问题。如果与已有 BFF 功能类似，且展现数据的要求也相近的话，一定要谨慎对待新增 BFF 的行为。因此，建议非必要，莫新增。

在设计API时会考虑到不同设备的需求，也就是为不同的设备提供不同的API，虽然它们可能是实现相同的功能，但因为不同设备的特殊性，它们对服务端的API 访问也各有其特点，需要区别处理。

大前端架构思考与选择

从现状来看，前后端分离之后，服务端直接给各种端提供服务是很自然能够想到的一种方式。这种方式的优点是简单直接，缺点是不够灵活。因此，考虑在前端和后端之间插入一个中间层，作为前后端之间的桥梁，增加灵活性。

对于这个中间层的称呼，一种是“网关层或者接入层”，这个可能会和后台现有的网关和接入层造成混淆。另亮宏一种叫法叫做BFF(Backend for Frontends，为前端而存在的后端)，这种称呼相对比较准确，不会带来混淆。

针对上面提到的“大前端”技术架构，需要相应的“大前端”组织结构相对应。

人员还是按照专业分工的角度去找，按照每个角色最少2人，防止单点风险的思路，人员需求如下：

iOS开发：2人

Android开发：2人

H5开发：4人

Node或者Java开发（BFF）：2人

管理方式跟组织结构相适应，采用职能管理和敏捷管理相结合的方式。

“大前端”是按照职能分的，跟后端相对应，是技术部下面的一个子部门，按照职能管理方式进行统一管理。

和管理模式相对应，采用瀑布模型和敏捷模型相结合的方式。

职能型组织，采用瀑布模型的开发流程是合适的。产品部，技术部，测试部一般跟产品开发相关度比较大，按照瀑布模型联系起来。这里考虑前后端分离的开发模式，“大前端”可以独立完成开发闭环，虽然BFF层的数据是Mock的。

另外，大前端版本的开发要求领先后端一个版本以上，这样也方便对于后端服务的测试。简单讲，就是将通常的“后端功能推动型”改为“大前端产品拉动型”

产品，测试，大前端可携竖以考虑合作，按照敏敬隐册捷模型进行开发。目的是打破部门墙，加强沟通；以业务开发为共同目标，形成合力。

微服务下使用GraphQL构建BFF

前后端分离演进：不能微服务，那就使用 BFF 隔离

一个可供创业公司参考的移动APP服务端架构演进方案

蚂蚁财富的BFF实践

了解BFF架构

大前端技术大会

当我们在谈大前端的时候，我们谈的是什么

如何落地和管理一个“大前端”团队?饿了么大前端团队解密

我理解中的“大前端”/“大无线”

漫极客 CTO 李焱：大前端之路 - 如何用Web技术一统三端（Web、Desktop、Mobile）开发

[img]

BFF什么意思？

BFF是英文“Best Friend Forever”的缩写，中文直译为“永远的最好的朋友”，多用于口语。

另有一含义为永远的男朋友（Boy  Friend Forever）。为网络新词。

扩展资料：

Best Friend Forever

直译：永远的尺渗最好的朋友，BFF多用于口语。

已被第四版《新英汉词典》收录在“网络与短信常用缩略语”附录中。

例如：

1、《老友记》第3季第25集The One At the Beach中，Phoebe Buffay 说：“According to her high-school yearbook,they were BFF. Best Friend Forever.”

2、 Miley Cyrus的歌曲t《True Friend》中的一段歌词：We sign our cards and letters BFF

3、《生活大爆炸》第2季第11集中，Howard Wolowitz 说："sounds like Leonard's got a new BFF."以及第四季第八集7'50"

4、《绯闻少女》里第一季第四集中 gossip girl："As much as a BFF can make you go WTF,there's no denying we'd all be a little less rich without them."

5、《老爸老妈浪漫史》第六季第九集中，罗宾说：“She was my BFF on the show and in the real life. ”

6、《英雄》（《heroes》）第一季第九集（弯悔S01E09）[第大约32分钟时] 中，jackie Wilcox（老拉拉队长）对Claire Bennet（新拉拉队长）说："We used to be bff's."（陵闹脊译：我们曾经是最好的朋友。）

7、《Bratz》（《反芭比》）每当四个女孩击掌时，就喊：“BFF！”

8、《The penguins of Madagascar》(《马达加斯加的企鹅》)，Skipper将King Julien视为BFF

9、《2 Broke Girls》(《破产女孩》)第一季第十八集大约第2分钟左右 Han说But you're Croline's BFF.And it's BFF's job to throw friend a party.

10、《SUITS》第四季第二集中,麦克被新老板调侃他与哈维的关系.

11、《美少女的谎言》第二季第24集中，A发给Hanna的信息中写道：Hey Han,you into sharing everything with your BFF?Even your BF?

参考资料：

百度百科-BFF

关于前端架构bff和前端架构师是做什么的的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。