在GraphQL中使用Schema Stitching解决微服务问题

随着微服务架构的流行，前端开发中也出现了同样的问题：多个服务提供的数据无法直接互通。GraphQL是一种解决方案，但当数据源变得更加复杂时，使用GraphQL的一个问题是如何组合多个数据源。

本文将介绍Schema Stitching的使用，它是一种GraphQL schema组合技术，可以将多个子schema组合成一个整体，从而消除了微服务间数据瓶颈的问题。

Schema Stitching的定义

Schema Stitching是一种构建GraphQL服务的方法，允许多个GraphQL服务合并成一个整体。每个子服务提供一个成功的GraphQL schema，然后通过将它们缝合在一起构建新的GraphQL schema，从而为客户端提供一个单一的入口点。

Schema Stitching的原理

Schema Stitching将两个或更多子schema组合成一个逻辑的父schema，允许客户端在单个请求中进行多个查询。使用Schema Stitching，您可以：

  • 将现有的GraphQL schema组合到一个schema中。
  • 根据不同的规则将多个schema合并到一个schema中。
  • 混合使用remote schema和本地schema。

在Schema Stitching中，父schema充当了一个“代理”，将数据查询转发到不同的子schema中。这个过程的实现可以通过GraphQL的mergeSchemas功能完成。

如何使用Schema Stitching

第一步：创建子schema

首先，需要创建一个或多个子schema。子schema是由GraphQL schema定义的服务。

下面是一个简单的Schema，它定义了一个查询，可以从REST API获取film信息：

---- ---- -
    --- ---
    ------ -------
-

---- ----- -
    -------- ----- -----
-

第二步：将子schema转换成可复用的“Remote Schema”

在应用程序中使用远程schema时，不能直接访问子schema。为了能够访问和使用多个子schema，您需要将它们封装在一个标准格式的Remote Schema中。

这里展示一个转换restful接口的例子：

------ - --------- - ---- ----------------------------
------ -
  ---------------
  --------------
  ---------------
  ---------------------
- ---- ----------------


----- ------ - -
  ------ -
    ---------- ----- -------- ----- -
      ----- --------- - ---------------
      ----- --- - --------------------------------------
      ------ ---------------------
        -------------- -------------- -- -
          ----- --------- - ----------------------
          ----- ----- - ---------------------------------
          ----- --------- - --------------------
          ------ ---------------- - ------- ----- ----------- -- ------------
        ---
    -
  -
--

----- ------ - ----------------------
  ---------- --------------------------
  --------- ------------------------
---

------ ------- -------

第三步：将Remote Schema合并为单个schema

最后一步是将所有的Remote Schema合并到一个单独的schema对象中。这个过程可以使用GraphQL的mergeSchemas功能完成。有了这个函数，将远程/本地schema合并就变得像这样：

------ - ------------ - ---- -----------------------

----- -------------- - --------------
  -------- --------------- -------------- ------------- -------------
---

第四步：查询新schema

现在可以像使用一个schema对象一样使用新的combinedSchema对象了。

Schema Stitching示例代码

- - -------

---- -------- -
    --- ---
    ----- -------
    ----- -------
-

---- ----- -
    ------------------- ----- ---------
-

- - -------

---- ----- -
    --- ---
    ------ -------
    ---------- -----------
    ------- --------
-

---- ----- -
    --- ---
    ----- -------
-

---- ----- -
    ---------------- ----- ------
    ---------------- ----- ------
-

- ------ ------

------ - --------- - ---- ----------------------------
------ -
  ---------------
  --------------
  ---------------
  ---------------------
- ---- ----------------

----- ------ - ----------------------
  ----------
  ---------
---

----- -------- -------------------------- -
  ----- -------- - ----- ---------------- -
    ------- ------
    -------- -
      ------- -------------------
      --------------- -------------------
    --
  ---
  ----- ------------ - ----- ----------------
  ------ --------------------------
-

- --

------ - ------------ - ---- -----------------------

----- ------------ - --------------
  ----------- -
    -
      ------- -------------
    --
    -
      ------- -----------
      -- - ---------- -----------------------------------------------
      ----------- -
        --- ---------------------------- ----- -- --------------------
        --- ---------------------------------- ---------- ---------- -- -
          -- --------- --- -------- -
            ----- ------------ - --------- --- ---------- - --------- - ------------------------
            ------ ------------------------------- --------------
          -
        ---
      --
    --
    -
      ------- -----------
      -- - ---------- ---------------------------------------------
      ----------- -
        --- ---------------------------- ----- -- -----------------
        --- -------------------------------- ---------- ---------- -- -
          -- --------- --- ------- -- ---------------------------------------- -
            ----- ------- - ---------------------------
            ------ ----------------------------- ---------
          -
        ---
      --
    --
  --
---

结论

Schema Stitching技术使得前端开发者将多个微服务合并成一个整体的GraphQL schema，从而方便了前端同学的开发和使用。但在具体应用时，开发者需要考虑好每个服务查询之间的关系，以及Schema映射规则等问题。只有规划好了这些问题，Schema Stitching技术才能发挥出它的优势，为前端开发者们带来更好的开发体验。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f3bc37f40ec5a964e49a2d

阅读全文

猜你喜欢

  • Fastify 中使用 JWT 进行身份验证

    随着 Web 应用程序的快速发展，身份验证变得越来越重要。JWT (JSON Web Token) 是一种常见的身份验证方式，可以用于 Web 应用程序。它利用 JSON 来创建加密的身份验证标记，可...

    2 个月前
  • RESTful API 如何处理 POST 请求

    在开发前端应用程序时，RESTful API（Representational State Transfer）是一种常见的通信协议。与传统的 Web API 不同，RESTful API 能够遵循一组...

    2 个月前
  • 使用 Mocha 测试 React Native 应用程序的技巧

    在开发 React Native 应用程序时，测试是非常重要的一步。Mocha 是一个流行的 JavaScript 测试框架，它支持编写并运行单元测试、集成测试和端到端测试。

    2 个月前
  • Cypress：如何在测试中模拟请求错误？

    前言 Cypress 是一个前端自动化测试工具，它提供了一系列的 API，可以让我们轻松地进行 UI 自动化测试。在测试中，我们有时需要模拟请求错误的情况，以确保我们的应用程序能够正确地处理这些错误。

    2 个月前
  • 从 Node 迁移至 Deno：重构过程中需要注意的事项

    最近，Deno 发布了 1.0 正式版本，它被称作是 Node.js 的一个可行替代品。大家对它的争议不仅仅是因为它是一个新的技术，而是因为它是建立在 JavaScript 的良好生态系统之上，并且它...

    2 个月前
  • TypeScript 非空断言操作符的使用

    在 TypeScript 中，我们经常需要定义一些变量或者属性，有些时候我们并不知道变量的初始值是什么。这时候，如果在变量后面加上感叹号（!），就表示这个变量一定会有值。

    2 个月前
  • CSS Reset 在移动端的适配方法

    CSS Reset (CSS 重置) 是一个广为人知的前端技术方法，它的目的是将不同浏览器的默认 CSS 样式统一化，从而确保网页在不同平台和浏览器上的渲染效果一致。

    2 个月前
  • 使用 React 和 Node.js 构建实时应用程序的教程

    在当今的技术领域，实时应用程序正变得越来越普遍。实时应用程序能够实时处理数据，并向用户提供及时的反馈，这使得它们在聊天应用、在线游戏和在线支付等应用领域中变得广泛使用。

    2 个月前
  • 使用 Angular Material 库实现响应式布局的技巧

    响应式布局可以让网站或应用适应不同的设备大小，从而提高用户体验。Angular Material 是一个流行的前端库，可以帮助开发人员实现响应式布局。在本文中，我们将介绍 Angular Materi...

    2 个月前
  • 在 Enzyme 测试中模拟异步操作

    前言 在前端开发中，测试至关重要。Enzyme 是 React 前端测试中常用的工具之一。在测试过程中，我们可能需要测试组件的异步操作，例如：在用户点击按钮时发送请求获取数据并渲染到界面。

    2 个月前
  • JavaScript 函数式编程指南：包括柯里化、高阶函数和纯函数

    在 JavaScript 中，函数式编程已经成为越来越受欢迎的开发风格之一。使用函数式编程的主要目的是为了让代码更加清晰、简洁、易于维护和复用。 本文将介绍 JavaScript 函数式编程中的三个重...

    2 个月前
  • Mongoose 中的时间戳和版本控制的使用方法

    Mongoose 是 Node.js 的一种优秀的 mongodb 对象模型工具。它提供了一种优雅的方式来在应用程序中定义和操作 mongodb 数据。在 Mongoose 中，我们可以使用时间戳和版...

    2 个月前
  • 使用 Strapi 搭建自己的 Headless CMS

    在 Web 开发中，构建和管理数据是一个非常重要的部分。而传统的 CMS 大多只能用于页面生成，限制了在不同开发环境下应用逻辑的复用，因此 Headless CMS 出现了。

    2 个月前
  • Fastify 与 NestJS 的对比

    简介 Fastify 和 NestJS 都是现代化的 Node.js 微服务框架，它们基于一些共同的原则，如易用性、性能和可维护性，但在实现上有很大的不同。本文将对 Fastify 和 NestJS ...

    2 个月前
  • 使用 Socket.io 实现实时消息推送

    在现代 web 应用程序中，实时消息推送已经成为了一个非常受欢迎的功能。在这个时代，即时反馈和实时通信对于提高用户体验和互动性来说越来越重要。在前端开发中，你可以使用 Socket.io 库来实现实时...

    2 个月前
  • 使用 Tailwind 响应式设计与布局组件

    前言 在现代的网站和应用中，响应式设计已经变成了一个必须的特性。本文将向您介绍如何使用 Tailwind 响应式设计与布局组件。 Tailwind CSS 是一个高度可定制的 CSS 框架，它强调样式...

    2 个月前
  • 如何使用 Material Design 进行网站设计？

    Material Design 是 Google 推出的一种基于平面设计和卡片式界面的设计语言，其设计要求基于分层、区域和阴影等基础特征，在保证简约的前提下，赋予产品更好的“灵动感”。

    2 个月前
  • Kubernetes 中的容器升级策略

    在使用 Kubernetes 管理容器化应用程序时，容器的升级是一项常见的任务。Kubernetes 中为此提供了多种升级策略，以帮助我们有效地升级容器版本。本文将介绍 Kubernetes 中的容器...

    2 个月前
  • Vue.js 单页面应用 SEO 解决方案分享

    对于单页面应用(SPA)而言，因为其渲染是在客户端进行的，而并非在服务器进行，所以对搜索引擎抓取不能够做到友好，它通常会在搜索引擎的排名上遇到许多问题。针对这一问题，下面将介绍一些常见的解决方案。

    2 个月前
  • 在ES7中构建应用程序的技巧与最佳实践

    ES7是JavaScript的最新版本，它为前端开发者提供了许多新的特性和功能。在本文中，我们将介绍在ES7中构建应用程序的一些技巧和最佳实践，以及如何使用它们来提高前端开发的效率和质量。

    2 个月前

相关推荐

    暂无文章