web-dev-qa-db-ja.com

1回の要求で動的サイズと一般的なスカラー型の配列を受け入れるGraphQL突然変異

ユーザーを作成して、お気に入りの映画（Moviesコレクションへの参照と各映画の彼の個人的な評価を含むオブジェクトの配列）を1回のリクエストで追加できる必要があります。

このように見えるもの（擬似コード）

var exSchema = `
 type Mutation {
    addUser(
        name: String!
        favMovies: [{ movie: String! #ref to movies coll
                      personal_rating: Int! # this is different for every movie
                   }]
    ) : User
 }
...
`

単一のリクエストでこれを行うgraphqlの方法は何ですか？私は複数の突然変異/要求で結果を達成できることを知っていますが、単一のものでそれをしたいと思います。

javascriptgraphqlapollostack
13
octohedron

このような配列を渡すことができます

var MovieSchema = `
  type Movie {
   name: String
  }
  input MovieInput {
   name: String
  }
  mutation {
   addMovies(movies: [MovieInput]): [Movie]
  }
`

次に、突然変異の中で、次のような配列を渡すことができます

mutation {
  addMovies(movies: [{name: 'name1'}, {name: 'name2'}]) {
    name
  }
}

コードをテストしていないが、あなたはアイデアを得る

28
octohedron

この単純なソリューションを思い付きました-JSONは使用していません。 1つの入力のみが使用されます。それが他の誰かを助けることを願っています。

このタイプに追加する必要がありました：

type Option {
    id: ID!
    status: String!
    products: [Product!]!
}

次のように、突然変異タイプに追加し、入力を追加できます。

type Mutation {
    createOption(data: [createProductInput!]!): Option!
    // other mutation definitions
}

input createProductInput {
    id: ID!
    name: String!
    price: Float!
    producer: ID!
    status: String
}

次に、次のリゾルバを使用できます。

const resolvers = {
    Mutation: {
      createOption(parent, args, ctx, info) {

        const status = args.data[0].status;

        // Below code removes 'status' from all array items not to pollute DB.
        // if you query for 'status' after adding option 'null' will be shown. 
        // But 'status': null should not be added to DB. See result of log below.
        args.data.forEach((item) => {
            delete item.status
        });

        console.log('args.data - ', args.data);

        const option = {
            id: uuidv4(),
            status: status,  // or if using babel    status,
            products: args.data
        }

        options.Push(option)

        return option
      },
    // other mutation resolvers
    }

これを使用してオプションを追加できます（STATUSは配列の最初の項目から取得されます-null可能です）：

mutation{
  createOption(data:
    [{
            id: "prodB",
            name: "componentB",
            price: 20,
            producer: "e4",
            status: "CANCELLED"
        },
        {
            id: "prodD",
            name: "componentD",
            price: 15,
            producer: "e5"
        }
    ]
  ) {
    id
    status
    products{
      name
      price
    }
  }
}

生産物：

{
  "data": {
    "createOption": {
      "id": "d12ef60f-21a8-41f3-825d-5762630acdb4",
      "status": "CANCELLED",
      "products": [
        {
          "name": "componentB",
          "price": 20,
        },
        {
          "name": "componentD",
          "price": 15,
        }
      ]
    }
  }
}

上記の結果を得るために追加する必要があると言う必要はありません：

type Query {
    products(query: String): [Product!]!
    // others
}

type Product {
    id: ID!
    name: String!
    price: Float!
    producer: Company!
    status: String
}

私はそれが最良の方法ではないことを知っていますが、ドキュメントでそれを行う方法を見つけませんでした。

5
Ula

JavaScript配列とJSON.stringify文字列がgraphQLスキーマ形式として受け入れられなかったため、正しいスキーマを手動で解析することになりました。

const id = 5;
const title = 'Title test';

let formattedAttachments = '';
attachments.map(attachment => {
  formattedAttachments += `{ id: ${attachment.id}, short_id: "${attachment.shortid}" }`;      
  // { id: 1, short_id: "abcxyz" }{ id: 2, short_id: "bcdqrs" }
});

// Query
const query = `
  mutation {
    addChallengeReply(
      challengeId: ${id}, 
      title: "${title}", 
      attachments: [${formattedAttachments}]
    ) {
      id
      title
      description
    }
  }
`;
1
CoredusK

それらをJSON文字列として渡します。それが私がしていることです。

0
Abhishiv Saxena

私があなたの要件で理解しているのは、次のコードがある場合

const user = {
    name:"Rohit", 
    age:27, 
    marks: [10,15], 
    subjects:[
        {name:"maths"},
        {name:"science"}
    ]
};

const query = `mutation {
        createUser(user:${user}) {
            name
        }
}`

あなたは次のようなものを得ているに違いありません

"mutation {
        createUser(user:[object Object]) {
            name
        }
}"

期待の代わりに

"mutation {
        createUser(user:{
            name: "Rohit" ,
            age: 27 ,
            marks: [10 ,15 ] ,
            subjects: [
                {name: "maths" } ,
                {name: "science" } 
                ] 
            }) {
            name
        }
}"

これが達成したいものである場合、 gqlast は、期待される結果を得るために使用できるNiceタグ関数です

here からjsファイルを取得し、次のように使用します。

const user = {
    name:"Rohit", 
    age:27, 
    marks: [10,15], 
    subjects:[
        {name:"maths"},
        {name:"science"}
    ]
};

const query = gqlast`mutation {
        createUser(user:${user}) {
            name
        }
}`

変数queryに保存される結果は次のようになります。

"mutation {
        createUser(user:{
            name: "Rohit" ,
            age: 27 ,
            marks: [10 ,15 ] ,
            subjects: [
                {name: "maths" } ,
                {name: "science" } 
                ] 
            }) {
            name
        }
}"
0
Rohit Chopra