Проблема с кешированием Apollo-boost
У меня проблема с кешированием клиента apollo, и я не уверен, что понимаю, почему. Я создаю приложение angular 6, используя apollo-boost, все работает хорошо. Теперь у меня есть сценарий, в котором мой запрос graphql принимает идентификатор (пользователя) и строку фильтра (используется для фильтрации записей на бэкэнде). Код углового компонента выглядит так:
ngOnInit() {
this.filter$.subscribe(filterValue => {
this.route.params.subscribe(this.getAppointments.bind(this, filterValue));
});
}
Функция getAppointments выглядит так:
getAppointments(filter: string, params: {id: string}) {
this.artistAppointmentBookGQL.watch({artistId: user.artist._id, filter}).valueChanges
.pipe(
map(results => {
// THIS ALWAYS RUNS WHEN THE FILTER CHANGES
// HOWEVER THE RESULTS ARE ALWAYS THE LAST QUERY RUN
// IF THE FILTER HAS BEEN RUN BEFORE
console.info(user.artist._id, filter, results.data.artist.appointmentBook);
return results.data.artist.appointmentBook;
}));
}
Запрос graphql:
query artistAppointmentBook($artistId: ID!, $filter: String) {
artist(id: $artistId, appointmentType: $filter) {
_id
appointmentBook {
_id
created_at
firstName
lastName
date
price
stripe {
charge {
id
amount
}
}
}
}
Главный вопрос:
У меня есть 4 различных возможных значения фильтра (все, неподтвержденные, подтвержденные, оплаченные). Когда я запускаю эти запросы с каждым значением фильтра, он работает, как ожидалось, и я получаю правильные наборы результатов с сервера apollo. Однако, как только я запускаю один и тот же запрос дважды, я получаю только результат последнего запроса, а сетевой вызов не выполняется, предположительно потому, что он использует кешированную версию.
Разве кеш не должен основываться на входных данных переменных? Кажется, что в первый раз, когда я работаю с разными переменными, все работает нормально, но как только одна из них дублируется, я возвращаю только то, что дал последний вызов. Спасибо за любую помощь!
Эта гифка демонстрирует проблему:
Ответы 1
Разобрался в моей проблеме. Как и должно быть, apollo кэширует запись исполнителя, потому что у нее есть _id и тип. Фильтр передавался в запрос исполнителя, тогда как его следовало передать на уровне appointmentBook. Я обновил свою схему, чтобы принять параметр фильтра, а затем передал его туда, а не в запрос исполнителя.
Изначально у меня было:
query artistAppointmentBook($artistId: ID!, $filter: String) {
artist(id: $artistId, appointmentType: $filter) {
_id
appointmentBook {
_id
created_at
firstName
lastName
date
price
stripe {
charge {
id
amount
}
}
}
}
Что нужно было изменить на:
query artistAppointmentBook($artistId: ID!, $filter: String) {
artist(id: $artistId) {
_id
appointmentBook(filter: $filter) {
_id
created_at
firstName
lastName
date
price
stripe {
charge {
id
amount
}
}
}
}
После этого обновления запросы правильно кэшируются.