6

ログイン用のミューテーションを実装しようとしています。ミューテーションは、提供された id_token を検証し、セッション経由でユーザーをログインさせます。ミューテーション自体は機能しますが (GraphiQL で検証済み)、Relay との統合に問題があります。

ユーザーがログインすると、「viewer」がルート クエリであるため、Relay ストア全体が変更される可能性があります。しかし、クエリ ツリー全体を太いクエリにリストしたくありません。どうにかしてストア全体をクリアできるといいのですが、 でそれを行う方法がわかりませんreact-router-relay

リレー突然変異:

export default class LoginMutation extends Relay.Mutation {
  getMutation() {
    return Relay.QL`mutation {login}`;
  }

  getVariables() {
    return {
      id_token: this.props.id_token
    };
  }

  getFatQuery() {
    // TODO: list everything?
    return Relay.QL`
      fragment on LoginPayload {
        viewer
      }
    `;
  }

  getConfigs() {
    return []; // TODO: not sure what to return...
  }
}

使用法:

Relay.Store.commitUpdate(new LoginMutation({id_token}), {
        onSuccess: (resp) => {
          history.push('/');
        }
      });

GraphQL スキーマ:

input LoginInput {
  id_token: String!
  clientMutationId: String!
}

type LoginPayload {
  viewer: Viewer
  clientMutationId: String!
}

type Mutation {
  login(input: LoginInput!): LoginPayload
}

interface Node {
  id: ID!
}

type Query {
  viewer: Viewer
  node(id: ID!): Node
}

type Viewer implements Node {
  id: ID!
  user: User
  ships: [Ship]
  ship(id: ID!): Ship
}

schema {
  query: Query
  mutation: Mutation
}
4

1 に答える 1