maiah / emberfire

Ember.js and Firebase Integration

EmberFire

Ember.js and Firebase Integration

This library provides a base Ember.js model that does the retrieving and syncing of your object's property to your specific Firebase location.

Installation

Just add the "emberfire.js" file in your html.

<script type="text/javascript" src="./emberfire.js"></script>

Example usage

Sample Firebase location data:

/myapp
  - person
    - firstName: "Juan"
    - lastName: "Pedro"
    - age: "17"
    - address: "Manila"

[Step 1]
To have an Ember.js model that is Firebase-location-aware, you just have to extend the "EmberFire" model:

Person = EmberFire.extend({});

[Step 2]
Provide these properties to give default values:

• locationUrl -- property to specify your firebase location.
• isListItem -- default is false property to tell if this firebase location a list item or not.
• listId -- needed if isListItem is set to true and it is already existing in the firebase location.
• modelProperties -- property to enumerate the firebase location properties.

var firebaseLocation = "/myapp";

Person = EmberFire.extend({
  locationUrl: firebaseLocation + "/person",
  modelProperties: ["firstName", "lastName", "age", "address"]
});

[Step 3]
Once you are done specifying this configuration you can "optionally" add your own properties to your Ember.js model and specify their default values:

Person = EmberFire.extend({
  locationUrl: firebaseLocation + "/person",
  modelProperties: ["firstName", "lastName", "age", "address"]

  firstName: "",
  lastName: "",
  age: 0,
  address: ""
});

[Step 4]
And then you can create an instance of your model and it will automatically sync any updates on your Ember.js model.

window.App = Ember.Application.create();
App.person = Person.create();

If you want to delete the whole model on your Firebase location just call the "remove()" method.

App.person.remove();

emberfire's Issues

Not working with latest firebase version

Wanted to try Ember with Firebase but your module doesn't seem to work. I've change the url in emberfire.js to xxx.firebaseio.com still not luck?

Do you plan to update it to the latest firebase version?

Cheers,
S