A Sample Chrome Extension using Firebase
JavaScript HTML
Switch branches/tags
Nothing to show
Latest commit b942e06 Jul 8, 2016 @mikelehen mikelehen Merge pull request #6 from nicolasgarnier/patch-2
Added deprecation notice


This sample is deprecated. For a Firebase v3.x sample see: https://github.com/firebase/quickstart-js/tree/master/auth/chromextension

Firebase Sample Chrome Extension

This is a demonstration of using Firebase in a Chrome extension with Firebase v2.x .

Extension Usage

Installing the extension adds an icon next to the chrome address bar, which when clicked opens a popup that displays the number of times the icon has been clicked (by all users of the extension).


Using Firebase in an Extension

The key to using Firebase in a Chrome extension is adding the following content security policy to your manifest.json:

  "content_security_policy": "script-src 'self' https://cdn.firebase.com https://*.firebaseio.com; object-src 'self'"

Note that:

  1. You must use the wildcard domain (https://*.firebaseio.com not https://yourfirebase.firebaseio.com), since internally the Firebase client library may need to connect to other subdomains.
  2. You must use https:// when including firebase.js and when referencing any Firebase database URLs, since Chrome extensions don't allow http script includes.

Once you've done that, you can use Firebase just as you would in any other web app. See our Getting Started guide for details.