meteor
Applications hors ligne

Remarques

Meteor.status ()

La première chose à faire lorsque vous déconnectez votre application Meteor est de créer une indication visuelle de la connexion ou non de l’application client locale. Il y a plusieurs façons de faire cela, mais le plus simple est de faire quelque chose comme ceci:

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;
}

Activer Appcache

L'une des étapes les plus faciles consiste à ajouter l'appcache. Appcache permettra au contenu de votre application de se charger même s'il n'y a pas d'accès à Internet. Vous ne pourrez pas obtenir de données de vos serveurs mongo, mais le contenu statique et les ressources seront disponibles hors connexion.

meteor add appcache

Activer GroundDB

Enfin, nous voulons que certaines de nos données dynamiques soient stockées hors ligne.

meteor add ground:db

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

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

Choses à faire attention

• L'appcache entraînera une certaine confusion dans votre flux de travail de développement, car il masque les fonctionnalités de mise à jour automatique de Meteor. Lorsque vous désactivez le composant serveur de votre application, la partie client de votre navigateur continue de fonctionner. C'est une bonne chose! Mais, vous ne recevez pas le retour immédiat que votre application a été désactivée ou qu'il y a eu des mises à jour.
• Essayez d'utiliser le mode navigation privée de Chrome lors du développement de votre application, car elle n'utilise pas l'appcache.
• GroundDB ne fonctionne pas particulièrement bien avec IronRouter.