本地客户端上的Apollo不会触发本地解析器

Question

在本地状态客户端（前端本地状态）的情况下，Apollo不会触发解析器。阿波罗2.7

有人知道为什么会发生吗？

这里是设置：

Apollo客户

import { ApolloClient } from 'apollo-client'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { HttpLink } from 'apollo-link-http'
import fetch from 'isomorphic-unfetch'

import { resolvers, typeDefs } from './resolvers';
import { initCache } from './init-cache';

export default function createApolloClient(initialState, ctx) {
  // The `ctx` (NextPageContext) will only be present on the server.
  // use it to extract auth headers (ctx.req) or similar.
  return new ApolloClient({
    ssrMode: Boolean(ctx),
    link: new HttpLink({
      uri: 'https://api.graph.cool/simple/v1/cixmkt2ul01q00122mksg82pn', // Server URL (must be absolute)
      credentials: 'include', // Additional fetch() options like `credentials` or `headers`
      fetch,
    }),
    typeDefs,
    resolvers,
    connectToDevTools: true,
    cache: initCache({
                   robot: {
                     __typename: 'Robot',
                     name: 'Robbie',
                     status: 'live',
                    },

                  member: {
                     __typename: 'Member',
                     name: 'RFesagfd',
                     }
                   }),
     })
  }

类型和解析器（resolvers.js）

import gql from 'graphql-tag';

export const typeDefs = gql`
  type Robot {
    name: String!
    status: String!
  }

  type Member {
    name: String!
    isLogged: Boolean!
  }

`;

export const resolvers = {
  Member: {
    isLogged: (...args) => {
      console.log('args', args); // THIS NEVER TRIGGERS SOMEHOW
      return true;
    }
  }
};

查询

const GET_IS_MEMBER_LOGGED = gql`
  query isMemberLogged {
    member @client {
      name
      isLogged
    }
  }
`;

感谢您的帮助！

Answer 1

您需要定义本地查询的结果类型：

const typeDefs = gql`
  extend type Query {
    robot: Robot
    member: Member
  }

...和用于查询的解析器-不键入（因为您将整个查询修饰为本地）...但是您必须返回键入的数据：

export const resolvers = {
  Query: {
    member: (...args) => {
      console.log('args', args); 
      return {
        __typename: 'Member',
        name: 'some name', // read from cache
        isLogged: true // function result
      };
    }
  }
};

您还应该使用__typename进行缓存写入。

更新

假设您的缓存中有Memeber，您可以：

// read (initialized with permanent) data:
const memberData = cache.readQuery(....
// f.e. it should have `__typename` and 'name`
// ... and 'decorate' it with derived properites
memberData.age = currentYear - memberData.birthYear;
memberData.isLogged = someFuncReturningBool();
return memberData; // Member type shaped object

这与形状/数据组织有关-类型化（返回具有定义属性的形状对象）或简单（分别返回所有属性）或混合，例如（某些全局应用程序状态）

const GET_IS_MEMBER_LOGGED = gql`
  query profileViewData {
    member @client {
      name
      isLogged
    }
    isProfilePanelOpen @client
    termsAccepted @client
  }
`;