我在Hasura上创建了一个表,并执行了CRUD操作(3/4)

首先

为了实现以下目标,今天我们将使用 Hasura 的 query 和 mutation 进行基本的 CRUD 操作。

今天我们将使用 GraphQl 编写查询并操作数据。

最终目标

要制作一个类似以下结构的应用程序。

スクリーンショット 2021-10-18 17.27.41.png

为了达到某个特定的目标或目标,所进行的活动、计划或行动

    • 仕事で使っている技術のキャッチアップと復習

 

    使う可能性がある技術の理解度向上

创建GraphQL的API

点击“API”选项卡后,会显示如下屏幕。

API_Explorer___Hasura.png

在这里,您可以使用Hasura编写查询和变更来操作之前在表中创建的数据。

在开始之前,我们先稍微学习一下GraphQL和Hasura的基础知识。

GraphQL的基本原理

    • SQLはDB専用のクエリ言語

GraphQLはインターネット(API)のためのクエリ言語

CRUD でいう R(Read)が query で、それ以外(C, U, D)は mutation で処理をする
APIリクエストを束ねて効率化

RESTfulなAPIはURLとmethodでリソースを表現するので、準拠するほどリクエストがたくさん走りがち(パフォーマンス悪影響)

対して、GraphQLでは

単一のエンドポイント
欲しいリソースをHTTP POSTのbodyに明示的に記載してリクエストすることで

必要なリソースを1回のリクエストで取得できる

参考 :可以看做是一个指导性的建议或者参考资料,供参考者参考并用作参考。

Hasura的特点(厉害之处)

    • テーブル構造に基づいて、GraphQL の CRUD(query と mutation)を自動生成できるところ

Aggregation(集約)なども含む
Relay に準拠した API も提供(beta)

PostgresやMySQLをサポート
Docker が提供されているため、環境構築が容易

你可以参考一下。

我试着写一个查询

API_Explorer___Hasura.png

基本上,您可以按照以下步骤获取数据。

API_Explorer___Hasura.png

没错,你做得很好!

只需取消勾选不需要获得的数据即可。

在GraphQl中编写查询并操作数据的流程大致如下。

下一步,我们将使用GraphQL编写变更来操作此数据(CRUD包括创建、更新、删除)!

正在进行100项输出练习

广告
将在 10 秒后关闭
bannerAds