How can Meteor apps work offline?

by

Yes! This is already implemented in Meteor, for the most part.

If the connection to the server is lost, the client can still function locally. Database writes will appear to succeed on the client and reflect instantly on the screen. Once the connection is re-established Meteor will re-send all the pending method requests to the server and update the client display with the results from the server. This is all the result of latency compensation, being offline is treated like the server just being very slow.

Clients can monitor the reactive ‘Meteor.status()’ output to see the status of the current connection. For example you could use Meteor.status to drive a popup with a reconnect timer and a ‘connect now’ button, like gmail.

EDIT: of course, Meteor isn’t magic. If you hit ‘reload’, or navigate away from the page, etc, while offline you’ll lose your Meteor session and not being able to start again until you regain network. This is true of all web apps with offline mode, though, so it shouldn’t come as a surprise to users of your app.

More Related Contents:

  1. Possible to send bitcoins directly from Coinbase wallet to offline Armory wallet?
  2. Offline Speech Recognition In Android (JellyBean)
  3. Play local (hard-drive) video file with HTML5 video tag?
  4. How to detect online/offline event cross-browser?
  5. How do I configure Maven for offline development?
  6. How do I use an existing MongoDB in a Meteor project?
  7. recommended nginx configuration for meteor
  8. Average Aggregation Queries in Meteor
  9. Generating a PDF file from React Components
  10. Meteor’s subscription and sync are slow
  11. How do I change the order in which Meteor loads Javascript files?
  12. Max size iPad / iPhone Offline Application Cache
  13. Displaying loader while meteor collection loads
  14. Whats the easiest way to determine if a user is online? (PHP/MYSQL)
  15. How to expose a RESTful Web Service using Meteor
  16. How to install npm -g on offline server
  17. Apollo / GraphQl – Type must be Input type
  18. Uncaught TypeError: fs.readFileSync is not a function
  19. Build a reactive publication with additional fields in each document
  20. How to build a Meteor smart package
  21. Nginx failing to load CSS and JS files (MIME type error)?
  22. Meteor.methods returns undefined
  23. Dynamically Trigger HTML5 Cache Manifest file?
  24. Meteor method vs. deny/allow rules
  25. How to install VS2015 Community Edition offline
  26. How can I sort a Meteor collection by time of insertion?
  27. How to check if the user is online using javascript or any library?
  28. Meteor WebSocket handshake error 400 with nginx
  29. How can I debug my Meteor app using the WebStorm IDE?
  30. How to deploy a meteor application to my own server?

Leave a Comment