ログイン用のミューテーションを実装しようとしています。ミューテーションは、提供された 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
}