/firebase-chrome-extension

A Sample Chrome Extension using Firebase

Primary LanguageJavaScript

Status: Archived

This repository has been archived and is no longer maintained.

status: inactive

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).

Screenshot

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.

License

MIT.