Ember.js App Offline-Verhalten

Question

Ich habe eine Glut App, die mit einer Rails-App mit dem Juwel-Schienen-Juwel interagiert.

Ich möchte den LocalStorage-Adapter verwenden, um eine Liste von Produkten zu speichern, sobald sie vom Server über die Rest-API heruntergeladen wurden.

Wenn die App offline ist, kann Ember die localStorage-Daten verwenden, anstatt die Rails-App nach den Daten zu fragen.

Gibt es eine Möglichkeit, dies zu tun?

Answer 1

Ich habe etwas in dieser Richtung getan. Dies behandelt nicht, wenn für das Zwischenspeichern aktualisiert werden soll, und solche Dinge. Es bietet Ihnen jedoch die Möglichkeit, zunächst Elemente von localStorage zu laden, und wenn das Netzwerk nicht verfügbar ist, bleibt der Inhalt einfach als lokale Daten bestehen. Sie können dies selbstverständlich erweitern, um Ihre Anforderungen zu erfüllen.

App.PhotoCategories = Ember.Object.extend 

    init: -> 
    @_super() 
    @loadPhotoCategories 

    loadPhotoCategories:() -> 
    # load cached categories from local storage 
    @set 'content', @getFromCache("photoCategories") 

    if @content? 
     if @content.length == 0 
     $.ajax 
      type: "POST"  
      url: "/api/getCategories" 
      success: (data) => 
      if !data.error 
      @set 'content', [] 

      for category in data 
       @pushObject category 

       # save categories to local storage 
       @saveToCache("photoCategories", @content)    

    saveToCache: (key, data) -> 
    if @supportsHtml5Storage() 
     localStorage.setItem(key + '_LastUpdatedAt', new Date()) 
     localStorage.setItem(key, JSON.stringify(data)) 
     true 
    else 
     false 

    getFromCache: (key) -> 
    if @supportsHtml5Storage() 
     data = localStorage[key] 

     if data? 
     JSON.parse(localStorage[key]) 
     else 
     null 
    else 
     null 

    supportsHtml5Storage: -> 
    try 
     return "localStorage" of window and window["localStorage"] isnt null 
    catch e 
     return false