meteor
Offline-appar

Anmärkningar

Meteor.status ()

Det första du ska göra när du tar din Meteor-app offline är att skapa en visuell indikation på om den lokala klientappen är ansluten till servern eller inte. Det finns många sätt att göra detta, men det enklaste sättet är förmodligen att göra något liknande:

Template.registerHelper('getOnlineStatus', function(){
  return Meteor.status().status;
});

Template.registerHelper('getOnlineColor', function(){
  if(Meteor.status().status === "connected"){
    return "green";
  }else{
    return "orange";
  }
});

  <div id="onlineStatus" class="{{getOnlineColor}}">
    {{getOnlineStatus}}
  </div>

.green{
  color: green;
}
.orange{
  color: orange;
}

Aktivera Appcache

Ett av de enklare stegen är att lägga till appcachen. Appcache tillåter att ditt applikationsinnehåll laddas även om det inte finns internetåtkomst. Du kan inte hämta data från dina mongoservrar, men det statiska innehållet och tillgångarna är tillgängliga offline.

meteor add appcache

Aktivera GroundDB

Slutligen vill vi få några av våra dynamiska data att lagras offline.

meteor add ground:db

Lists = new Meteor.Collection("lists");
GroundDB(Lists);

Todos = new Meteor.Collection("todos")
GroundDB(Todos);

Saker att vara försiktiga med

• Appcachen kommer att orsaka viss förvirring i ditt utvecklingsarbetsflöde, eftersom det döljer Meteors auto-uppdateringsfunktioner. När du stänger av serverkomponenten i din app fortsätter klientdelen i din webbläsare att fungera. Det här är bra! Men du får inte omedelbar feedback om att din app har stängts av eller att det har uppdaterats.
• Försök använda Chrome's inkognitoläge när du utvecklar din app, eftersom den inte använder appcache.
• GroundDB fungerar inte särskilt bra med IronRouter.