Firebase bindings for AngularJS

#1

Post by jamest » Fri, Mar 29, 2013, 4:30 PM UTC

Firebase bindings for AngularJS
firebase.com

Re: Firebase bindings for AngularJS

#2

Post by anant » Fri, Mar 29, 2013, 5:01 PM UTC

While building sample apps with Firebase, binding data changes to the DOM was always the part that seemed to be "missing". We think Angular and Firebase go really well together by filling that gap, and would love to hear your feedback on how we can make the combination even better!

Re: Firebase bindings for AngularJS

#3

Post by Kiro » Fri, Mar 29, 2013, 5:04 PM UTC

How do you solve user authentication?

Re: Firebase bindings for AngularJS

#4

Post by marknutter » Fri, Mar 29, 2013, 5:07 PM UTC

I'm the guy in that tweet and this is welcome news. The reason firebase+angular gets me so excited is because it's the perfect pairing between a framework that has two-way binding and a backend that supports real-time updating. Not having to worry about asking the server for updates or having to update the dom myself reduces a lot of headaches.

Re: Firebase bindings for AngularJS

#5

Post by zenocon » Fri, Mar 29, 2013, 5:13 PM UTC

This is cool. Just as a sidenote, myself and other people in the SocketStream community have been doing this for a while now. We integrated Angular with SocketStream + Bootstrap or whatever fairly easily, and happily sync away to the backend with rpc or pubsub. This is the right model for future webapps, IMO.

That's why I like SocketStream -- b/c it integrates with pretty much anything -- but it does have horrible marketing so too few people are aware of it. https://github.com/socketstream/socketstream

Re: Firebase bindings for AngularJS

#6

Post by anant » Fri, Mar 29, 2013, 5:16 PM UTC

Kiro wrote: post #3

How do you solve user authentication?

Firebase has a flexible authentication system coupled with security rules: https://www.firebase.com/docs/security-quickstart.html. You can generate your own JWTs (if you have a server or a custom auth backend) or use Simple Login, a service that lets you authenticate against Facebook, Twitter, Github and Persona without requiring you to run any server code. You just authenticate as you would normally in a regular Firebase app, AngularFire will simply inherit the authenticated session.

Re: Firebase bindings for AngularJS

#7

Post by skyraider » Fri, Mar 29, 2013, 5:37 PM UTC

zenocon wrote: post #5

This is cool. Just as a sidenote, myself and other people in the SocketStream community have been doing this for a while now. We integrated Angular with SocketStream + Bootstrap or whatever fairly easily, and happily sync away to the backend with rpc or pubsub. This is the right model for future webapps, IMO. That's why I like SocketStream -- b/c it integrates with pretty much anything -- but it does have horrible ma…

I created an entire side project (single-page web app) in SocketStream with AngularJS out front. Hooking up Angular controllers to SocketStream's RPC handlers made for some extremely easy CRUD.

Unfortunately, SocketStream isn't really as mature as older form-oriented frameworks. As an example, a patch was merged into the SocketStream master branch the other day that - I kid you not - marked session cookies as secure =/

That said, I cannot wait for SocketStream to mature, and I hope more people find out about it and dig through the codebase to patch up any other remaining holes.

Re: Firebase bindings for AngularJS

#8

Post by msoad » Fri, Mar 29, 2013, 6:53 PM UTC

How hard is it to own your own Firebase servers when you scaled up and decided not to use Firebase anymore? That's my main concern with Firebase.

Re: Firebase bindings for AngularJS

#9

Post by muraiki » Fri, Mar 29, 2013, 6:56 PM UTC

I was just looking into using Firebase for a project, alongside trying to choose between Angular and Ember. This might be what pushes me over to Angular.

Not to derail the thread, but can anyone give their experiences using Ember with Firebase? I found a Github project but it's apparently incompatible with the latest version.

Re: Firebase bindings for AngularJS

#10

Post by hashmymustache » Fri, Mar 29, 2013, 7:46 PM UTC

anant wrote: post #2

While building sample apps with Firebase, binding data changes to the DOM was always the part that seemed to be "missing". We think Angular and Firebase go really well together by filling that gap, and would love to hear your feedback on how we can make the combination even better!

Even before this, binding Firebase as a service and triggering DOM updates was easy, especially once firebase started managing its own session tokens.

angular + firebase + filepicker + amazon S3 = euphoria with easy manageable, powerful real-time apps with small footprints