Как подписаться на все мутации GraphQL в компонентах AWS-Amplify Vue?

Question

Я пытаюсь подписаться на изменения мутаций delete, create и update.

В моей схеме GraphQL я создал поле подписки, которое прослушивает все эти мутации с type Subscription { onAll: Task @aws_subscribe(mutations: ["createTask","updateTask","deleteTask"]) }

Теперь при попытке использовать компоненты ampify-vue, в случае получения ответа :onSubscriptionMsg=SomeFunction(response) Я получаю старый список задач от response.data.listOfTasks.

Итак, как мне узнать, какая мутация была спровоцирована и, таким образом, обновить data.listOfTasks?

Заранее спасибо за кучу ответов на этот вопрос:)

Answer 1

Рекомендуется разбить подписку на несколько подписок (например, CreateTaskSubscription, UpdateTaskSubscription и т. Д.), И таким образом вы сможете реализовать свою логику Vue отдельно на основе того, какая мутация была вызвана - так как существует 1-1 теперь сопоставление между подпиской и мутацией, а не 1-ко-многим, что в настоящее время есть в вашей подписке onAll.

Некоторые справочные документы:

• Разделение подписок: https://docs.aws.amazon.com/appsync/latest/devguide/real-time-data.html

• Обработка Vue для каждого типа подписки (перейдите в API connectраздел): https://aws -amplify.github.io / docs / js / vue