前后端SSR、BFF架构

     

2024年为什么前端开发这么复杂?

89 2K

jQuery 和 Knockout 诞生于网站作为内容消费空间的时代。阅读一篇博文、观看一段视频、发表一条评论。网络应用程序及其状态大多由后端框架管理,只是将新的视图发送到前端。当时,交互性正在增长,.

htmx是可组合的插件系统

107 4K

很容易在HTMX中开发一个强大的插件系统。人们曾认为 JSON 驱动的 REST API 是构建可组合 Web API 的唯一方法。现在,HTMX 将后端和前端融合成一个整体组件。htmx 的可组合性.

htmx 和 Spring Boot 入门

109 22K

htmx 是一个 JavaScript 库,允许您通过 HTML 访问 AJAX 请求、WebSocket 等。什么是渲染片段使用 htmx 的一个典型场景是使服务器端渲染网页 (SSR) 更加动态。.

Phoenix :Spring的现代模板引擎

109 2K

Phoenix 是 Spring 和 Spring Boot 的现代模板引擎,旨在通过提供一种创建复杂和模块化模板的方法来促进复杂 Web 应用程序的开发,该模板受益于服务器端渲染,以便更好地集成前端.

.NET Blazor详细介绍与比较

212 6K

.NET Blazor 被誉为革命性的框架,它允许 .NET 开发人员使用 C# 而不是 JavaScript 构建交互式 Web 应用程序。它主要针对希望利用 .NET 生态系统以及通过 NuGet.

后端渲染呈现的最新案例

371
这个演示的特别之处在于它几乎完全是服务器渲染的 HTML,请注意,这些都不是客户端渲染的。浏览器完全通过 Astro 的 View Transition API 来驱动动画(对于尚不支持它的浏览器有后.

新的后端渲染:服务器驱动UI

529 5K
通过API发送UI是一种彻底的新方法,将改变传统的UI开发。一项正在改变我们对用户界面 (UI) 的看法的技术是通过 API 发送 UI,也称为服务器驱动UI。这种方法提供了新水平的活力和灵活性,正在.

5种BFF最佳实践

932 8K

 Backends-for-Frontends (BFF) 是解决许多团队面临的问题的一个有趣的解决方案,有目的地将前端与后端分离,使前端免受后端更改的干扰。BFF 是 Backend For Fro.

基于令牌与cookie两种身份验证方式的适用场景?

384 2K

对于基于令牌的身份验证:用户访问网页前端查询 localStorage 的令牌以确定用户是否经过身份验证在前端:如果经过身份验证,则转到 7,否则呈现登录表单用户通过后端进行身份验证后端在响应正文中发.

用Javascript演示微服务与微前端的区别

370 8K

在不断发展的软件开发领域,微服务和微前端这两种突破性的架构风格已经成为变革性的范例。这些方法重新定义了现代应用程序的构建和部署方式。微服务和微前端秉承模块化、可扩展性和灵活性的原则,已成为全球开发团队.

使用WunderGraph构建前后端BFF的7个技巧

372 6K

前端后端 (BFF) 是一种专门的服务器端 API,充当前端(客户端)应用程序和各种下游 API 之间的中介,在将数据传递到前端之前根​​据需要聚合和转换数据。这里有一些关于前端后端的陷阱、提示和技巧.

编写令人惊叹的 REST API 的艺术

1017 2K

在编写 API 时,REST(代表性状态传输的缩写)被视为标准。然而,REST 本身实际上并不是一个标准。这使得设计直观的 REST API 变得非常棘手。它是一种思维方式或艺术形式,而不是清单。一致.

leptos: 使用 Rust 快速构建 Web 应用

2456 2 3K

Leptos 是一个全栈、同构的 Rust Web 框架,利用细粒度的反应性来构建声明式用户界面。全栈Leptos可以用来构建在浏览器(客户端渲染)、服务器(服务器端渲染)中运行的应用程序,或者通过在.

ReactJS已死,下一件大事是什么? - Somnath

1263 4K

React是一个错误,更像是一个失误。它骗取了所有人的信任,让他们相信它是一切的答案。Next.js极力想纠正这个错误,但最终却成为另一个问题。你知道,当他们说 "你不能在一个薄弱的基础上建造一个伟大.

WebSockets 与 NextJS 和 Golang 结合使用的案例源码

1077 10K
大多数应用程序使用 CRUD(创建/读取/更新/删除)API——前端将更改发送到后端,但反之亦然。CRUD 应用程序允许您将更改发送到服务器,并允许其他用户请求这些更改。在实时应用程序中,所有客户端都.

Shopify如何在商店应用上实现服务器驱动的UI架构?

1210 3K
Shopify最近实施了一个被称为服务器驱动的用户界面的架构,使我们能够控制我们想要为商家的商店显示哪些部分。在实施服务器驱动的用户界面之前,商店屏幕的显示逻辑纯粹是客户驱动的。在客户端-服务器架构的.

vaadin/hilla:前后端集成框架

1578 2K

Hilla是用于Java后端的现代前端框架。构建具有完全类型安全的快速反应式Web应用。由Lit和Spring Boot支持。由Vaadin构建。Hilla 将 Spring Boot Java 后端.

lunatic亚毫秒 Web 框架的LiveView实时视图

1314 3K

Lunatic是受 Erlang 启发的 WebAssembly 运行时通过将 Erlang 的容错和大规模并发与 WebAssembly 基于功能的安全性相结合,它创建了一个强大的编程模型。Luna.

API 网关的10个最常见用例

1625 1 6K

这篇文章详细阐述了API 网关(例如Apache APISIX)在构建API-Led Connectivity时最常见的 10 种用法。我们了解不同的解决方案,您可以利用 API Gateway 功能.

kwebio/kweb-core:面向后端的轻量级 Kotlin Web 框架

1987 1
现代网站至少由两个紧密耦合 的组件组成,一个在浏览器中运行,另一个在服务器上。它们通常用不同的编程语言编写,并且必须通过 HTTP(S) 连接相互通信。Kweb 的目标是消除这种服务器/浏览器分离,这.

事件驱动API架构的五个协议

1143 6K

在这篇文章中,我们将讨论 5 种常见的事件驱动方法——WebSockets、WebHooks、REST Hooks、Pub-Sub和Server Sent Events。我们将定义它们的本质和作用,以.

client-side-rendering: 客户端渲染CSR优化案例

1721 1 9K

该项目是 CSR 的案例研究,旨在探索客户端渲染应用程序与服务器端渲染相比的潜力。点击标题进入术语: CSR:客户端渲染 SSR:服务器端渲染 SSG:静态站点生成 UX:用户体验 DX:开发人员体验.

DoorDash高流量网页性能优化的经验教训

2810 1 11K
随着电子商务平台的发展,DoorDash 的 Web 应用程序开始变慢,并且需要提高性能的技术来保持它们的速度和功能。在 DoorDash,随着 Web 应用程序的扩展,用户有时不得不等待长达 10 .

系统设计:API 网关

1399 2K
API Gateway 是一个 API 管理工具,位于客户端和后端服务集合之间。它是系统的单一入口点,封装了内部系统架构并提供为每个客户端量身定制的 API。它还具有其他职责,例如身份验证、监控、负载.

2022 年构建现代 Python API 后端开发指南

1832 5K

本指南适用于已经熟悉 Python 3 并希望开始新项目的人。本指南来自为不同行业的各种初创公司构建 api 后端的经验,它作为我们如何看待组织 Python 项目、结构化代码、测试和公共库的“最佳实.

优步基于gRPC的下一代推送平台

1245 3K
Uber所有的应用程序都需要与实时信息同步,无论是通过屏幕上的接送时间、到达时间和路线,还是打开应用程序时附近的司机。Uber使用推送平台来传递这些消息,这篇博文将介绍Uber如何通讯将协议从服务器发.

基于Java后端与Typescript前端的代码自动生成 - malcolmcrum

1248 10K

 Java 后端和 Typescript 前端虽然都是类型语言,但传统上这两个域上的类型之间存在脱节。本文推荐的这个工具让我们在一个地方修改一个方法或类,并立即在其他地方直接使用它,或者在我们误用它时.

微服务的API网关与BFF前端之后端

2121 2
单体应用很简单。浏览器向 webapp 端点发送请求;后者从数据库中获取数据并返回响应。移动客户端与微服务的兴起破坏了这种简单性,这篇文章中讨论一种处理复杂性的解决方案。系统架构的复杂性增加1、移动客.

后端渲染:基于Deno的全新全栈Web框架Fresh介绍

3024 2

客户端渲染很昂贵,它会降低用户体验,大幅增加移动设备的功耗,而且通常不是很健壮。Fresh使用了一种不同的模式:在这种模式下,你默认向客户端提供0KB的JS。在这种模式下,大部分的渲染是在服务器上完成.

团队如何组织?前后端团队与业务功能团队的比较

3653 1

组件团队:每个团队负责一个系统组件。例如,有一个团队负责前台,一个团队负责后台,还有一个团队负责数据库。这三个团队独立运作,这经常导致团队之间的相互依赖。这些团队不是为最终用户提供价值,而是花了很多时.