Отмена GET-запроса к серверу с использованием Restangular

Question

Я создал UserService следующим образом:

angular.module('nrApp').factory('userService', ['Restangular', 'UserModel', 'DSCacheFactory', function (Restangular, UserModel, DSCacheFactory) {
    // Create a new cache called "profileCache"
    var userCache = DSCacheFactory('userCache', {
        maxAge: 3600000,
        deleteOnExpire: 'aggressive',
        storageMode: 'localStorage', // This cache will sync itself with `localStorage`.
        onExpire: function (key, value) {
            Restangular.oneUrl('users', key).get().then(function(data) {
                userCache.put(key, data);
            });
        }
    });

    Restangular.extendModel('users', function(obj) {
        return UserModel.mixInto(obj);
    });

    Restangular.addRequestInterceptor(function(element, operation, what, url) {
        if(operation === 'get') {
            debugger;
            //Check the cache to see if the resource is already cached
            var data = userCache.get(url);
            //If cache object does exist, return it
            if(data !== undefined) {
                angular.extend(element, data);
            }

            return element;
        }
    });

    Restangular.addResponseInterceptor(function(data, operation, what, url, response) {
        //Cache the response from a get method
        if(operation === 'get') {
            debugger;
            userCache.put(url, data);
        }

        //Unvalidate the cache when a 'put', 'post' and 'delete' is performed to update the cached version.
        if (operation === 'put' || operation === 'post' || operation === 'delete') {
            userCache.destroy();
        }

        return response;
    });

    return Restangular.service('users');
}]);

Из комментариев видно, что я пытаюсь добиться того, чтобы всякий раз, когда запрос Get выполнялся через этот сервис с использованием Restangular, проверялся локальный кеш, и если кеш возвращает объект, он расширяется в restrict элемент. Поток, которого нужно достичь, состоит в отмене запроса к серверу, когда для этого запроса найден объект кэша.

Однако без какой-либо удачи метод addResponseInterceptor все еще выполняется, даже если объект был найден в кеше.

Есть ли какие-либо возможные решения для отмены запроса к серверу во время запроса "Получить"?

Спасибо!:)

Answer 1

Один из способов сделать это - отменить его через httpConfig. Restangular дает объект httpConfig в качестве параметра в методе addFullRequestInterceptor. Вы можете использовать это как в следующем:

RestangularProvider.addFullRequestInterceptor(function(element, operation, what, url, headers, params, httpConfig ) {
    ...
    if found in cache {
        var defer = $q.defer();
        httpConfig.timeOut = defer.promise;
        defer.resolve();
    }
    ...
}

Надеюсь это поможет.

Answer 2

Я решил конкретную проблему возврата кэшированных данных, если они доступны через экземпляр CacheFactory с угловым кешем, просто изменив настройки httpConfig в RequestInterceptor. Пример показан ниже:

angular.module('App')
.factory('Countries', function (Restangular, CacheFactory, $q) {

    var countryCache;
    var countryService;

    // Check to make sure the cache doesn't already exist
    if (!CacheFactory.get('countryCache')) {
        countryCache = CacheFactory('countryCache', { maxAge: 60 * 60 * 1000 });
    }

    if (!countryService) {
        countryService = Restangular.service('countries');

    Restangular.addFullRequestInterceptor(function(element, operation, what, url, headers, params, httpConfig) {

            if (what === 'countries') {
                switch (operation) {
                    case 'getList':
                        httpConfig.cache = countryCache;
                        break;

                    default:
                        break;
                }               
            }

            return { 
                element: element,
                headers: headers,
                params: params,
                httpConfig: httpConfig
            };

        });

    }

    return countryService;
});

Answer 3

Вы можете украсить $http, чтобы предотвратить многократный запрос на один и тот же URL. Ограниченное использование $http, не нужно добавлять fullRequestIntercepter для отмены запроса, потому что это предотвращает запрос перед отправкой.

    $provide.decorator('$http', function ($delegate, $cacheFactory, $rootScope) {
    var $http = $delegate;
    var customCache = $cacheFactory('customCache');
    var wrapper = function () {
        var key = arguments[0].url;
        var requestPromise = customCache.get(key);
        if (!requestPromise){
            $rootScope.requestCount++;
            requestPromise = $http.apply($http, arguments);
            requestPromise.then(function(){
                customCache.remove(key);
            });
            customCache.put(key, requestPromise)
        }
        return requestPromise;
    };

    Object.keys($http).filter(function (key) {
        return (typeof $http[key] === 'function');
    }).forEach(function (key) {
        wrapper[key] = function () {
            return $http[key].apply($http, arguments);
        };
    });

    return wrapper;
});

Пример здесь