使用Apollo缓存具有多个ID的GraphQL查询

我们正在web应用程序中使用apollo客户机,并正在寻找提高缓存使用率的方法。

我们有一个以id数组为参数的查询 foo 和 bar 会是这样的:

query routes {
  routes(routeNames: ["foo", "bar"]) {
    items {
      name
      route
      defaults
    }
  }
}

缓存设置如下所示:

export const cacheRedirects = {
  Query: {
    routes: (_: any, args: RoutesArgs, { getCacheKey }: Resolver<'name'>): Array<CacheKey> =>
      args.routeNames.map(name => getCacheKey({ __typename: 'Route', name })),
  },
};

export const dataIdFromObject = (object: QueryResult): ?string => {
  switch (object.__typename) {
    case 'Route':
      return `${object.__typename}:${object.name}`;
    default: return defaultDataIdFromObject(object);
  }
};

export function newCache(): InMemoryCache {
  return new InMemoryCache({ dataIdFromObject, cacheRedirects });
}

现在,当在客户机的几个地方使用查询时,我们希望只为没有通过网络缓存的routename获取数据,并通过缓存检索其余的数据。

所以问题归结为: 当有一个缓存结果的查询时 routeNames: ["foo", "bar"] 后来又来了一个询问询问 routeNames: ["bar", "baz"] 我们希望得到相应的结果 "bar" 从缓存发送查询 routeNames: ["baz"] .

我不确定阿波罗是否能做到这一点,以及如何做到这一点,因为与 cacheRedirect example 这里我们处理的是多个ID,而不是一个ID。

现在,如果我们不能缓存每个数组项,接下来最好的方法是将id转换为公共缓存键,以便 ["foo", "bar"] 和 ["bar", "foo"] 最终使用相同的缓存密钥,但是 ["foo", "baz"] 会用另一个。

当然,理想的做法是只取 "baz" 在我们的场景中丢失的物品。