Как изменить контекст apollo в следующем. js?

Question

Я посмотрел на пример api-rout-apollo-server-and-client-auth и не уверен, как мне изменить контекст как по ssr, так и по клиентскому запросу.

Я хочу, чтобы для каждого распознавателя graphql (использующего api) был доступ к объекту ctx.user с предварительно обработанным токеном JWT. Но где я должен его проанализировать?

Если я проанализирую его здесь:

const apolloServer = new ApolloServer({
  schema,
  context(ctx) {
    ctx.user = '123'
    return ctx
  }
})

export default apolloServer.createHandler({ path: '/api/graphql' })

Тогда ctx.user будет неопределенным по запросу SSR, работая только по запросу клиента.

Answer 1

У вас может быть что-то вроде этого:

// server
const apolloServer = new ApolloServer({
  schema,
  context: async () => {
    const jwt = req.headers.authorization
    const user = await getUserFromJwt(jwt)
    return {
      user,
    }
  }
})

// client
const link = createHttpLink({ uri: 'http://localhost...' })
const authLink = setContext((_, { headers }) => {
  return {
    headers: {
      ...headers,
      authorization: jwt,
    },
  }
})    

const apolloClient = new ApolloClient({
  link: authLink.concat(link),
  ...
})

Проверьте следующие документы: клиент и сервер