从graphql中的两个不相干源解析到同一个对象

Question

我有一个问题我不知道如何正确解决。

我正在开发一个项目，我们使用 graphql 服务器与不同的 api 进行通信。这些 api 很旧而且很难更新，所以我们决定使用 graphql 来简化我们的沟通。

目前，两个 api 允许我获取用户数据。我知道这不连贯，但遗憾的是我无法对此进行任何更改，我需要将它们中的两个用于不同的操作。所以为了简单起见，我想从我的前端应用程序中抽象出来，所以它只要求用户数据，总是采用相同的格式，无论这些数据来自哪个 api。

只有一个 api，graphql 的解析器系统帮助很大。但是当我从第二个 api 访问用户数据时，我发现总是将同一个对象发送回我的首页非常困难。这两个 api，即使它们具有大部分相同的数据，也具有不同的响应格式。所以在我的解析器中，根据数据的来源，我应该做一件事或另一件事。

例子：

API A 

type User {
   id: string,
   communication: Communication
}

type Communication {
   mail: string,
}

API B

type User {
   id: string,
   mail: string,
}

我听说过一些关于 apollo-federation 的信息，但我不能在我们系统的每个 api 前面放置一个 graphql 服务器，所以我有点迷茫我如何在数据时为我的前端应用程序实现透明度来自两个不同的来源。

如果有人已经遇到同样的问题或对我能做的事情有建议，我都会听到:)

Answer 1

无论 REST API 返回什么内容，您都需要确定对您的客户端应用有意义的用户类型“形状”。对于这个例子，假设我们使用：

type User {
  id: String
  mail: String
}

此外，为了这个示例，假设我们有一个返回单个用户的getUser 字段。任何参数都与场景无关，所以我在这里省略它们。

type Query {
  getUser: User
}

假设我不知道要为用户查询哪个 API，getUser 的解析器可能如下所示：

async () => {
  const [userFromA, userFromB] = await Promise.all([
    fetchUserFromA(),
    fetchUserFromB(),
  ])

  // transform response
  if (userFromA) {
    const { id, communication: { mail } } = userFromA
    return {
      id,
      mail,
    }
  }

  // response from B is already in the correct "shape", so just return it
  if (userFromB) {
    return userFromB
  }
}

或者，我们可以利用单独的字段解析器来实现相同的效果。例如：

const resolvers = {
  Query: {
    getUser: async () => {
      const [userFromA, userFromB] = await Promise.all([
        fetchUserFromA(),
        fetchUserFromB(),
      ])
      return userFromA || userFromB
    },
  },
  User: {
    mail: (user) => {
      if (user.communication) {
        return user.communication.mail
      }
      return user.mail
    }
  }, 
}

请注意，您不必将架构与来自现有 REST 端点的任一响应相匹配。例如，也许您想像这样返回一个用户：

type User {
  id: String
  details: UserDetails
}

type UserDetails {
  email: String
}

在这种情况下，您只需转换来自任一 API 的响应以适应您的架构。