通过 GraphQL API 探索待办事项

users表类似,在上一步创建的todos表将包含自动生成的 GraphQL API,供我们探索。

开始探索todos表的 GraphQL API 吧。

变更

转到“控制台” -> API -> GraphiQL 选项卡,然后使用 GraphQL 变更插入待办事项。

mutation {
insert_todos(objects:[{title: "My First Todo", user_id: "1"}]) {
affected_rows
}
}

单击 GraphiQL 界面上的Play按钮,以执行查询。

你应该会得到类似这样的响应:

待办事项变更

查询

现在让我们查询刚刚插入的数据。

query {
todos {
id
title
is_public
is_completed
user_id
}
}

你应该会得到类似这样的响应:

待办事项查询

请注意,某些列(如is_publicis_completed)有默认值,即使你并没有在变更过程中插入它们。

订阅

让我们对todos表进行订阅查询,以观察对表的更改。 在上面的 GraphQL 查询中,用subscription替换query

subscription {
todos {
id
title
is_public
is_completed
user_id
}
}

最初,订阅查询将返回响应中的现有结果。

现在,在待办事项表中插入新数据,然后查看出现在响应中的更改。

在新选项卡中,转到“控制台” -> DATA选项卡 -> 待办事项 -> “插入行”,然后插入另一行。

插入新待办事项

切换到上一个API选项卡,然后查看返回 2 个结果的订阅响应。

待办事项订阅

Did you find this page helpful?
Start with GraphQL on Hasura for Free
  • ArrowBuild apps and APIs 10x faster
  • ArrowBuilt-in authorization and caching
  • Arrow8x more performant than hand-rolled APIs
Promo
footer illustration
Brand logo
© 2024 Hasura Inc. All rights reserved
Github
Titter
Discord
Facebook
Instagram
Youtube
Linkedin