订阅 GraphQL 服务器时出错
Error on subscription GraphQL Server
我是 GraphQl 的新手,我在此处学习了 GraphQL NodeJS 后端教程:GraphQL Realtime Subscriptions。一切顺利,我完成了教程。
接下来,我在这里学习了 VueJS 和 Apollo 前端教程:Vue & Apollo Subscriptions。我选择使用第一个教程中我自己创建的 GraphQL 服务器,而不是使用前端教程中使用的 GraphCool。这是我被卡住的部分。
如果我打电话
subscription {
Link(filter: {
mutation_in: [CREATED]
}) {
node {
id
url
description
}
}
}
在 GraphiQL 客户端中,当我在不同的浏览器选项卡中使用数据创建新的 link 时,我确实得到了 id
、url
和 description
data: Link: node: {id: "59ef0bbeef32bb05692ee4b4", url: "http://new-test-url2.com", description: "Test description2"}
(这个订阅调用也是在后台教程中进行的)。但是当我打电话给
subscription {
Link(filter: {
mutation_in: [CREATED]
}) {
node {
id
url
description
postedBy {
id
name
}
votes {
id
user {
id
}
}
}
}
}
我收到错误:
{message: "Cannot destructure property `Users` of 'undefined' or 'null'.",…}
{message: "Cannot destructure property `Votes` of 'undefined' or 'null'.",…}
用数据data:{Link: {node: null}}
我就是找不到这个问题的答案。希望有人能帮我这个。
这是我的代码:
schema/index.js
type Link {
id: ID!
url: String!
description: String!
postedBy: User
votes: [Vote!]!
}
type User {
id: ID!
name: String!
email: String!
password: String!
votes: [Vote!]!
}
type Vote {
id: ID!
user: User!
link: Link!
}
type SigninPayload {
token: String
user: User
}
type Query {
allLinks(filter: LinkFilter, skip: Int, first: Int): [Link!]!
}
type Mutation {
createLink(url: String!, description: String!): Link
createVote(linkId: ID!): Vote
createUser(name: String!, email: String!, password: String!): User
signinUser(email: String!, password: String!): SigninPayload!
}
type Subscription {
Link(filter: LinkSubscriptionFilter): LinkSubscriptionPayload
Vote(filter: VoteSubscriptionFilter): VoteSubscriptionPayload
}
input LinkSubscriptionFilter {
mutation_in: [_ModelMutationType!]
}
input VoteSubscriptionFilter {
mutation_in: [_ModelMutationType!]
}
type LinkSubscriptionPayload {
mutation: _ModelMutationType!
node: Link
}
type VoteSubscriptionPayload {
mutation: _ModelMutationType!
node: Vote
}
input LinkFilter {
OR: [LinkFilter!]
description_contains: String
url_contains: String
}
enum _ModelMutationType {
CREATED
UPDATED
DELETED
}
schema/resolvers.js:
Query: {
allLinks: async (root, {filter, first, skip}, {mongo: {Links, Users}}) => {
let query = filter ? {$or: buildFilters(filter)} : {};
const cursor = Links.find(query);
if (first) {
cursor.limit(first);
}
if (skip) {
cursor.skip(skip);
}
return cursor.toArray();
},
},
Mutation: {
createLink: async (root, data, {mongo: {Links}, user}) => {
assertValidLink(data);
const newLink = Object.assign({postedById: user && user._id}, data);
const response = await Links.insert(newLink);
newLink.id = response.insertedIds[0];
pubsub.publish('Link', {Link: {mutation: 'CREATED', node: newLink}});
return newLink;
},
createUser: async (root, data, {mongo: {Users}}) => {
const newUser = {
name: data.name,
email: data.email,
password: data.password,
};
const response = await Users.insert(newUser);
return Object.assign({id: response.insertedIds[0]}, newUser);
},
createVote: async (root, data, {mongo: {Votes}, user}) => {
const newVote = {
userId: user && user._id,
linkId: new ObjectID(data.linkId),
};
const response = await Votes.insert(newVote);
return Object.assign({id: response.insertedIds[0]}, newVote);
},
signinUser: async (root, data, {mongo: {Users}}) => {
const user = await Users.findOne({email: data.email});
if (data.password === user.password) {
return { token: `token-${user.email}`, user };
}
},
},
Subscription: {
Link: {
subscribe: () => pubsub.asyncIterator('Link'),
},
},
Link: {
id: root => root._id || root.id,
// postedBy: async ({postedById}, data, {dataloaders: {userLoader}}) => {
// return await userLoader.load(postedById);
// },
postedBy: async ({postedById}, data, {mongo: {Users}}) => {
return await Users.findOne({_id: postedById});
},
votes: async ({_id}, data, {mongo: {Votes}}) => {
return await Votes.find({linkId: _id}).toArray();
},
},
希望你能解决这个问题,因为它已经这么久了,我今天才自己解决这个问题。这里的问题是订阅服务器从未在上下文中传递,即 dataloaders/user 信息。
在本课 (https://www.howtographql.com/graphql-js/4-connectors/) 中,您设置了快速服务器的上下文,但从未将其添加到订阅服务器:
const buildOptions = async (req,res) => {
const user = await authenticate(req, mongo.Users)
return {
context: {
dataloaders: buildDataloaders(mongo),
mongo,
user
},
formatError,
schema,
}
为了将其添加到订阅服务器,我自己使用了这些选项:
const subscriptionBuildOptions = async (connectionParams,webSocket) =>
{
return {
dataloaders: buildDataloaders(mongo),
mongo,
}
}
然后我通过简单地添加 onConnect 参数将其添加到 SubscriptionServer:
const server = createServer(app);
server.listen(PORT, () => {
SubscriptionServer.create(
{execute, subscribe, schema, onConnect: subscriptionBuildOptions},
{server, path: '/subscriptions'},
);
console.log(`Hackernews GraphQL server running on port ${PORT}.`)
});
这应该能让一切正常运行。我个人正在做 reactjs 教程,所以不确定会有什么个别问题,但是 reactjs 教程 api 调用在整个过程中有点不同步。
我是 GraphQl 的新手,我在此处学习了 GraphQL NodeJS 后端教程:GraphQL Realtime Subscriptions。一切顺利,我完成了教程。 接下来,我在这里学习了 VueJS 和 Apollo 前端教程:Vue & Apollo Subscriptions。我选择使用第一个教程中我自己创建的 GraphQL 服务器,而不是使用前端教程中使用的 GraphCool。这是我被卡住的部分。 如果我打电话
subscription {
Link(filter: {
mutation_in: [CREATED]
}) {
node {
id
url
description
}
}
}
在 GraphiQL 客户端中,当我在不同的浏览器选项卡中使用数据创建新的 link 时,我确实得到了 id
、url
和 description
data: Link: node: {id: "59ef0bbeef32bb05692ee4b4", url: "http://new-test-url2.com", description: "Test description2"}
(这个订阅调用也是在后台教程中进行的)。但是当我打电话给
subscription {
Link(filter: {
mutation_in: [CREATED]
}) {
node {
id
url
description
postedBy {
id
name
}
votes {
id
user {
id
}
}
}
}
}
我收到错误:
{message: "Cannot destructure property `Users` of 'undefined' or 'null'.",…}
{message: "Cannot destructure property `Votes` of 'undefined' or 'null'.",…}
用数据data:{Link: {node: null}}
我就是找不到这个问题的答案。希望有人能帮我这个。 这是我的代码:
schema/index.js
type Link {
id: ID!
url: String!
description: String!
postedBy: User
votes: [Vote!]!
}
type User {
id: ID!
name: String!
email: String!
password: String!
votes: [Vote!]!
}
type Vote {
id: ID!
user: User!
link: Link!
}
type SigninPayload {
token: String
user: User
}
type Query {
allLinks(filter: LinkFilter, skip: Int, first: Int): [Link!]!
}
type Mutation {
createLink(url: String!, description: String!): Link
createVote(linkId: ID!): Vote
createUser(name: String!, email: String!, password: String!): User
signinUser(email: String!, password: String!): SigninPayload!
}
type Subscription {
Link(filter: LinkSubscriptionFilter): LinkSubscriptionPayload
Vote(filter: VoteSubscriptionFilter): VoteSubscriptionPayload
}
input LinkSubscriptionFilter {
mutation_in: [_ModelMutationType!]
}
input VoteSubscriptionFilter {
mutation_in: [_ModelMutationType!]
}
type LinkSubscriptionPayload {
mutation: _ModelMutationType!
node: Link
}
type VoteSubscriptionPayload {
mutation: _ModelMutationType!
node: Vote
}
input LinkFilter {
OR: [LinkFilter!]
description_contains: String
url_contains: String
}
enum _ModelMutationType {
CREATED
UPDATED
DELETED
}
schema/resolvers.js:
Query: {
allLinks: async (root, {filter, first, skip}, {mongo: {Links, Users}}) => {
let query = filter ? {$or: buildFilters(filter)} : {};
const cursor = Links.find(query);
if (first) {
cursor.limit(first);
}
if (skip) {
cursor.skip(skip);
}
return cursor.toArray();
},
},
Mutation: {
createLink: async (root, data, {mongo: {Links}, user}) => {
assertValidLink(data);
const newLink = Object.assign({postedById: user && user._id}, data);
const response = await Links.insert(newLink);
newLink.id = response.insertedIds[0];
pubsub.publish('Link', {Link: {mutation: 'CREATED', node: newLink}});
return newLink;
},
createUser: async (root, data, {mongo: {Users}}) => {
const newUser = {
name: data.name,
email: data.email,
password: data.password,
};
const response = await Users.insert(newUser);
return Object.assign({id: response.insertedIds[0]}, newUser);
},
createVote: async (root, data, {mongo: {Votes}, user}) => {
const newVote = {
userId: user && user._id,
linkId: new ObjectID(data.linkId),
};
const response = await Votes.insert(newVote);
return Object.assign({id: response.insertedIds[0]}, newVote);
},
signinUser: async (root, data, {mongo: {Users}}) => {
const user = await Users.findOne({email: data.email});
if (data.password === user.password) {
return { token: `token-${user.email}`, user };
}
},
},
Subscription: {
Link: {
subscribe: () => pubsub.asyncIterator('Link'),
},
},
Link: {
id: root => root._id || root.id,
// postedBy: async ({postedById}, data, {dataloaders: {userLoader}}) => {
// return await userLoader.load(postedById);
// },
postedBy: async ({postedById}, data, {mongo: {Users}}) => {
return await Users.findOne({_id: postedById});
},
votes: async ({_id}, data, {mongo: {Votes}}) => {
return await Votes.find({linkId: _id}).toArray();
},
},
希望你能解决这个问题,因为它已经这么久了,我今天才自己解决这个问题。这里的问题是订阅服务器从未在上下文中传递,即 dataloaders/user 信息。
在本课 (https://www.howtographql.com/graphql-js/4-connectors/) 中,您设置了快速服务器的上下文,但从未将其添加到订阅服务器:
const buildOptions = async (req,res) => {
const user = await authenticate(req, mongo.Users)
return {
context: {
dataloaders: buildDataloaders(mongo),
mongo,
user
},
formatError,
schema,
}
为了将其添加到订阅服务器,我自己使用了这些选项:
const subscriptionBuildOptions = async (connectionParams,webSocket) =>
{
return {
dataloaders: buildDataloaders(mongo),
mongo,
}
}
然后我通过简单地添加 onConnect 参数将其添加到 SubscriptionServer:
const server = createServer(app);
server.listen(PORT, () => {
SubscriptionServer.create(
{execute, subscribe, schema, onConnect: subscriptionBuildOptions},
{server, path: '/subscriptions'},
);
console.log(`Hackernews GraphQL server running on port ${PORT}.`)
});
这应该能让一切正常运行。我个人正在做 reactjs 教程,所以不确定会有什么个别问题,但是 reactjs 教程 api 调用在整个过程中有点不同步。