Cache HTTP - " Get " service-Antwort in AngularJS?

Ich möchte in der Lage sein, um eine benutzerdefinierte AngularJS-service, der eine HTTP - " Get " - Anfragen, wenn seine Daten-Objekt ist leer und füllt das Daten-Objekt auf Erfolg.

Nächsten Zeit ein Anruf aus, um diesen service würde ich gerne umgehen, der Aufwand der Herstellung der HTTP-Anfrage erneut und stattdessen die Rückkehr der zwischengespeicherten Daten-Objekt.

Ist das möglich?

InformationsquelleAutor Gavriguy | 2013-01-02

312

Eckig ist $http hat eine cache gebaut. Laut der docs:

cache – {boolean, Object} – Ein boolescher Wert, oder Objekt erstellt mit $cacheFactory zum aktivieren oder deaktivieren der Zwischenspeicherung von HTTP-response. Sehen
$http-Caching für mehr
Informationen.

Booleschen Wert

So können Sie cache zu wahr in seinen Optionen:
```
$http.get(url, { cache: true}).success(...);
```
oder, wenn Sie lieber die config Art des Anrufs an:
```
$http({ cache: true, url: url, method: 'GET'}).success(...);
```
Cache-Objekt

Können Sie auch einen cache factory:
```
var cache = $cacheFactory('myCache');

$http.get(url, { cache: cache })
```
Können Sie es selbst implementieren mit $cacheFactory (besonders handlich bei der Verwendung von $resource):
```
var cache = $cacheFactory('myCache');

var data = cache.get(someKey);

if (!data) {
   $http.get(url).success(function(result) {
      data = result;
      cache.put(someKey, data);
   });
}
```
- Ist es möglich zu implementieren, mit dem der cache localStorage?
- Wenn ich die Option Winkel-code: keine. Aber es sollte Recht einfach sein, einen Dienst zu erstellen (localStorageService), die Filialen in "localStorage" - wenn verfügbar - und in $cacheFactory - wenn nicht.
- Vielen Dank, funktioniert wie ein Charme.
- Yep, ich hackte ihn in ein $cacheFactory Instanz groups.google.com/forum#!Thema/eckig/D2LcJ9hoHKU
- Schön! Sie können eine pull-request.
- Frage: was ist der Punkt, das speichern von zwischengespeicherten Daten in $cacheFactory.. warum nicht einfach speichern Sie es in einem lokalen Objekt in der Service? Aus guten Gründen?
- Die ersten und zweiten Methoden scheint das nicht zu sein-caching nichts für mich. Es ist noch generieren ein weiteres ajax-call. IST das erwartete Verhalten?
- Check this out. Es bietet Ihnen viele Anpassungsmöglichkeiten, einschließlich localStorage-Unterstützung, timeout-Unterstützung, alle Arten von goodies http://jmdobry.github.io/angular-cache/
- das ist genial Mann.. es nicht, nur speichert das Ergebnis, sondern spart auch scrollen... you made my day!!!
- Ich bin vor allem neugierig, status-code 304 - tut-browser-cache arbeiten, ohne dass cache:true? Wenn nicht, tut cache:true, damit es funktioniert? Ist das caching dauerhaft oder ist es nur im RAM und wird entladen, wenn die Seite geschlossen ist?
- Jeder Weg, um eine Frist fest, die für diesen cache, ohne manuell implementieren?
- Eine Möglichkeit dies zu überprüfen werden die Daten aus frischen kopieren oder Zwischenspeichern bei der Verwendung { cache: true}?
- selbst ist ein Dienst, der verwendet werden kann, über mehrere Controller-und angular-Komponenten. Es kann verwendet werden, als eine Allgemeine api-service-cache, um alle Ihre $http ' s in einem einzigen service-obj anstatt unterschiedliche service-Objekte für jeden von Ihnen.
- Können wir Rastnase, bevor Sie die http-Anforderung?
- was bedeutet die cache : true tun? Wenn die Ergebnisse aus der http-Anfrage zwischengespeichert werden, wie kann ich Sie wiederbekommen, ohne ein anderes http-Anforderung? Wie funktioniert es?
- true weist den $http-service-cache, um die Ergebnisse der Anfrage. Nachfolgende Aufrufe den cache prüfen, ob es existiert und gibt die Ergebnisse zurück von dort, statt eine neue Anfrage von dem server. Standardmäßig ist der Schlüssel für die Anforderung ist die URL, die bei der $http-Aufruf.
- Warnung: dies gilt nicht für die Cache-Control header (a la w3.org/Protocols/rfc2616/rfc2616-sec13.html#sec13.1.3). > "Ein cache-control-header auf die Antwort nicht beeinflussen, ob und wie Sie Antworten werden zwischengespeichert."
- ein weiterer Vorteil von $cacheFactory ist, dass es weniger boilerplate für get-Anforderungen, denn Sie müssen nur angeben, es auf die config-argument. Keine Notwendigkeit, manuell speichern, den cache in einem dann callback.
InformationsquelleAutor asgoth
48

Ich denke, es gibt eine noch einfachere Möglichkeit jetzt. Dies ermöglicht die Basis-caching für alle $http-Anfragen (die $resource erbt):
```
 var app = angular.module('myApp',[])
      .config(['$httpProvider', function ($httpProvider) {
            //enable http caching
           $httpProvider.defaults.cache = true;
      }])
```
- Sie kaum cache jeder einzelnen http-Anfrage. Ich sehe nicht, Wann das jemals der Fall sein?
- Jede app/Modul unterschiedlich ist, werden keine?!
- Wenn Sie Zwischenspeichern möchten, die Mehrheit der Anfragen, die dann die Standard-Einstellung auf true ist praktisch.
InformationsquelleAutor gspatel

Ein einfacher Weg, dies zu tun in der aktuellen stabilen version (1.0.6) erfordert viel weniger code.

Nach der Einrichtung der Modul-Fabrik hinzufügen:

var app = angular.module('myApp', []);
//Configure routes and controllers and views associated with them.
app.config(function ($routeProvider) {
    //route setups
});
app.factory('MyCache', function ($cacheFactory) {
    return $cacheFactory('myCache');
});

Nun können Sie diese in den controller:

app.controller('MyController', function ($scope, $http, MyCache) {
    $http.get('fileInThisCase.json', { cache: MyCache }).success(function (data) {
        //stuff with results
    });
});

Einzige Nachteil ist, dass die Namen von Tasten werden die Einstellungen automatisch, um das clearing Sie knifflige. Hoffentlich werden Sie fügen Sie in einige Weg, um die Namen von Tasten.

InformationsquelleAutor James Skemp

7

Lesen Sie in der Bibliothek Winkel-cache wenn Sie wie $http integrierten caching-wollen aber mehr Kontrolle. Sie können es verwenden, um nahtlos zu ergänzen $http-cache mit time-to-live, die periodischen Säuberungen, und die option zum beibehalten des cache, localStorage, so dass es über sessions.

FWIW, es bietet auch tools und Muster für die Herstellung Ihrer cache in einer dynamischeren Art von Daten speichern, die Sie interagieren können mit, als POJO ' s, anstatt nur die Standard-JSON-strings. Kann nicht kommentieren, die Nützlichkeit, die option noch.

(Dann, oben auf, dass, im Zusammenhang library Winkel-Daten ist eine Art Ersatz für $resource und/oder Restangular, und ist abhängig von den Winkel-cache.)
- Bitte beachten Sie, dass angular-data ist veraltet jetzt. Das neueste ist js-data-angular js-Daten.E/a / v1.8.0/docs/js-data-Winkel
- Die Winkel-cache-Bibliothek hat die Funktionen, die hätte gebaut in Eckigen s $cacheFactory. Die eingebaute Lösung scheint es fast nutzlos, da es die Einschränkungen, in der Lage zu verfallen, bestimmte caches. Die Winkel-cache-Fabrik war eine der einfachsten 3rd-party-Bibliotheken zu implementieren, wie gut.
InformationsquelleAutor XML
5

Als AngularJS Fabriken sind singletons, können Sie einfach speichern Sie das Ergebnis der http-Anforderung, und rufen Sie es das nächste mal Ihren Dienst eingespritzt wird, in etwas.
```
angular.module('myApp', ['ngResource']).factory('myService',
  function($resource) {
    var cache = false;
    return {
      query: function() {
        if(!cache) {
          cache = $resource('http://example.com/api').query();
        }
        return cache;
      }
    };
  }
);
```
- Ich habe eine Frage, wie Sie überprüfen, wenn Sie fehlgeschlagen ist, und in diesem Fall nicht zu setzen, in den cache der $resource...Abfrage()
- Sie können überprüfen, auf das zweite argument der .dann Methode oder besser noch, Sie verwenden die .fangen Rückruf. Zum Beispiel $http .get(url) .dann(successCallback, failCallback) oder $http .get(url) .dann(successCallback, failCallback) .catch(errorCallback) Der Fehler-callback wird ausgeführt, selbst wenn etwas schlimmes passiert in der failCallback, obwohl es häufiger zu vermeiden, die Fehler-callback an alle und verwenden .dann(bei Erfolg).catch(manageRequestFail). Hoffe, das hilft zu begreifen, die Idee, mehr info in das eckige $http-Dokumentation.
InformationsquelleAutor Rimian

angularBlogServices.factory('BlogPost', ['$resource',
    function($resource) {
        return $resource("./Post/:id", {}, {
            get:    {method: 'GET',    cache: true,  isArray: false},
            save:   {method: 'POST',   cache: false, isArray: false},
            update: {method: 'PUT',    cache: false, isArray: false},
            delete: {method: 'DELETE', cache: false, isArray: false}
        });
    }]);

gesetzten cache aus, um wahr zu sein.

es diese zu sichern ?
Das wäre so sicher wie die client-Anwendung im browser selbst, genauso wie jede andere web-app.

InformationsquelleAutor Howardyan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Booleschen Wert

Cache-Objekt