Does Firebase allow an app to start in offline mode?

Very old question, yet problem still persists. I have been using firebase only for a few days and I couldn't find a satisfactory solution to this problem myself, so I thought I would share what I ended up doing.

On app start I check if I am online navigator.onLine. If not, I read from local storage and restore the firebase ref from it.

export const firebaseFromLocalStorage = (local, storeRef) => {
  // assuming data is array
  const localData = JSON.parse(localStorage.getItem(local)) || []
  localData.map(obj => {
    const key = obj['.key']
    delete obj['.key']
    storeRef
      .child(key)
      .set(obj)
  })
}

Then proceed as normal. When the app goes online it will sync its local state with the server just like when it starts online and loses connection momentarily.

Off course this implies that localStorage needs to be kept in sync with your firebase ref. I do this at each get operation.

Hope this helps


The short answer is: not yet.

Once an app has connected to Firebase, the client will cache data locally and be able to access data where there is an outstanding "on" callback even after a network connection is lost. However, this data is not persisted to disk, the "offline mode" will only work while the app is still running.

Full offline support will be coming in the future.

edit 2016 : full offline support is now possible for native iOS and Android apps: https://www.firebase.com/blog/2015-05-29-announcing-mobile-offline-support.html


An alternative to Firebase that solves this problem for JS apps is CouchDb (server) <=> PouchDb (JS client). If you've implemented a nice clean client side service layer then porting to PouchDb should be fairly straight forward since both are NoSQL/JSON databases. CouchDb also supports indexed map/reduce views.

PouchDb is a Javascript API that implements a fully offline CouchDb client. It can auto detect and use either local storage, IndexDb or WebSQL to permanently persist local data while online or offline. The PouchDb API can be used to access either your local or remote databases (just change the URL) and wire up full syncing or filtered syncing between the two. There are many useful PouchDb plugins, code samples and a small wrapper library to support AngularJS's Q promises API.

Using PouchDb, you can safely start up your app while offline and then days later restart your app and sync all your CUD data changes to the server. This can result in update collisions so CouchDb supports record versioning that is designed to detect and track this. Consequently, you'll likely need server side logic to resolve these collisions. This is unavoidable for distributed systems with offline synchronization and a key feature of CouchDb. I'm not sure that Firebase supports this MVCC feature.

PouchDb is basically a reimplementation of Apache CouchDb including it's synchronization protocol. Both CouchDb and PouchDb are well tested, free and open source. Being open source means that a CouchDb server can also be deployed as an Intranet service - optionally syncing to an external cloud service. There are a number of CouchDb hosting providers.

IBM's Cloudant hosting team recently added their BigCouch clustering features to Apache CouchDb 2.0 project so now you can scale from Micro Db (PouchDb) => Single Server => Multi-Master (Replicated) => Big Couch Clustered / Geo Clustered. Unlike MongoDb, CouchDb safely supports single server deployment.

NOTE: PouchDb can also sync to CouchBase using the same protocol but Couchbase !== CouchDb. It's a commercial product.

Another cool trick is that PouchDb can be run inside a NodeJS server as a replacement for CouchDb. I think it's not (yet) ready for production use but very handy for unit testing. See express-pouchdb.

Links:

  • Apache CouchDb Project
    • Couch Db - The Definitive Guide - Free book.
  • Pouch Db
    • AngularJS wrapper for PouchDB
  • Couchbase

CouchDb Hosters (Updated July 2020)

  • Compare CouchDb Hosters
  • Cloudant
  • Hyve

DIY

  • How To Install CouchDB and Futon on Ubuntu 12.04 - Digital Ocean
  • Secure CouchDB by using SSL/HTTPS

Docker + CouchDb:

  • Dockerizing a CouchDB Service
  • GitHub: Yet Another Dockerized CouchDB
  • Dockerized CouchDB 1.6.0 with stud SSL terminator

Security Model

One issue you'll need to consider when migrating to CouchDb is that it has a more limited access control model. This is partly due to it's replication algorithm. This blog post covers this in detail (better than the real definitive guide).

  • Matt Woodward's Definitive Guide to CouchDB Authentication and Security
  • CouchDB Security Overview
  • superlogin is an excellent NodeJS Passport/Authentication API that wrappers CouchDb allowing PouchDb offline apps to support social OAuth logins or username/password accounts. Includes a fully working demo and client side ng-superlogin Angular API.

Adapters

In practice you'll probably want to use WebSQL for your PouchDB storage as it performs much better. - Here's the full details on the storage adapters

PouchDb Extras

There's a staggering array of new cool "Christmas Tree" goodies always poping out the open source door from the prolific PouchDb community.

One the best features of PouchDb is all the open source plugins (37) and UI framework adapters (12).

Tags:

Offline

Firebase

Offline Caching

Offlineapps

Recent Posts