查询放大graphql多对多关系答案

【问题标题】：querying amplify graphql many-to-many relationship查询放大graphql多对多关系
【发布时间】：2021-01-13 04:04:18
【问题描述】：

我正在通过创建一个库来探索使用 typescript 进行放大，并建立了多对多连接

type Book @model {
  # ! means non-null GraphQL fields are allowed to be null by default
  id: ID!
  name: String!
  picture: String!
  genres: [BookGenre] @connection(keyName: "byBook", fields: ["id"])
  createdAt: String!
  userId: String!
}

type BookGenre
@model(queries: null)
@key(name: "byBook", fields: ["bookID", "genreID"])
@key(name: "byGenre", fields: ["genreID", "bookID"]) {
  id: ID!
  bookID: ID!
  genreID: ID!
  book: Book! @connection(fields: ["bookID"])
  genre: Genre! @connection(fields: ["genreID"])
}

type Genre @model {
  id: ID!
  name: String!
  createdAt: String!
  books: [BookGenre] @connection(keyName: "byGenre", fields: ["id"])
}

我可以创建一本新书并添加用户提供的此类类型

const handleSubmit = async (evt) => {
        evt.preventDefault();
        const createdAt = new Date().toISOString();
        const bookID = hash(name);
        const book: CreateBookInput = {
            id: bookID,
            name,
            picture: "",
            createdAt: createdAt,
            userId: "faked"
        };
        try {
            await API.graphql(
                graphqlOperation(createBook, {
                    input: book
                })
            );
            for (const t of tags) {
                const genreID = hash(t)
                const genre: CreateGenreInput = {
                    id: genreID, name: t, createdAt
                }
                await API.graphql(graphqlOperation(createGenre, {input: genre}))

                const bookGenre: CreateBookGenreInput = {
                    bookID, genreID
                }
                await API.graphql(graphqlOperation(createBookGenre, {input: bookGenre}))
            }

            setName("")
        } catch (e) {
            console.error(e)
        }
    }

这可能不是最好的方法！因为每本书都写了很多，但我可以看到流派及其连接记录被写入 Dynamo

我想加载一个列出所有书籍的页面。

我是这样做的：

    let result;
    try {
        result = await API.graphql(graphqlOperation(listBooks));
    } catch (err) {
        console.warn(err);
        return { props: { books: [] }};
    }
    if (result.errors) {
        console.warn("Failed to fetch books. ", result.errors);
        return { props: { books: [] }};
    }
    
    const queryResult: ListBooksQuery = result.data
    if (queryResult.listBooks !== null) {
        let books = queryResult.listBooks.items
        return { props: { books }};
    }

    return { props: { books: [] }};

但这不会加载流派...

我猜我需要通过@key(name: "byBook", fields: ["bookID", "genreID"]) 进行查询，但我不明白如何通过查看生成的代码来做到这一点...

我是新来的放大和graphql，所以我假设我错过了一些微不足道的东西:)

通过多对多关系查询所有项目及其子项的列表的正确方法是什么？

【问题讨论】：

您找到解决方案了吗？尽管文档 (docs.amplify.aws/cli/graphql-transformer/…) 说我“只”需要调用 Book.genres，但遇到了同样的问题。令人沮丧。
插入数据时const bookGenre: CreateBookGenreInput = { bookID, genreID }为什么不提供BookGenre ID？
此外，GraphQL 连接在创建时会询问您需要连接的深度级别，您可以仔细检查是否有值 2 或

标签： amazon-web-services graphql amazon-dynamodb aws-amplify aws-appsync

【解决方案1】：

amplify 似乎没有正确生成查询。

我假设您生成的查询看起来像这样：

export const listBooks = /* GraphQL */ `
  query ListBooks(
    $filter: ModelBookFilterInput
    $limit: Int
    $nextToken: String
  ) {
    listBooks(filter: $filter, limit: $limit, nextToken: $nextToken) {
      items {
        id
        name
        picture
        genres {
          nextToken
        }
        createdAt
        userId
      }
      nextToken
    }
  }
`;

为了同时加载Genre，您需要将查询修改为：

export const listBooks = /* GraphQL */ `
  query ListBooks(
    $filter: ModelBookFilterInput
    $limit: Int
    $nextToken: String
  ) {
    listBooks(filter: $filter, limit: $limit, nextToken: $nextToken) {
      items {
        id
        name
        picture
        genres {
          items {
            genre {
              name
            }
          }
          nextToken
        }
        createdAt
        userId
      }
      nextToken
    }
  }
`;

genres.items 将加载连接表中的所有实体。然后genre 将在实体上加载该字段，该字段引用Genre 表。

【讨论】：