Simple way to add authentication to your app using firebase.
bower install login-fire --save
Add email and password authentication as well as social provider authentication to your app. If you want to only add social authentication or only email authentication please use <social-login-fire> or <email-login-fire> instead until issue 27 is closed.
<link rel="import" href="/bower_components/login-fire/login-fire.html">
<firebase-app
name="login"
api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
auth-domain="convoo-login-demo.firebaseapp.com"
database-url="https://convoo-login-demo.firebaseio.com">
</firebase-app>
<login-fire email-password anonymous twitter github google facebook app-name="login" user="{{user}}" signed-in="{{signedIn}}"></login-fire>
Add social provider authentication to your app with firebase.
<link rel="import" href="/bower_components/login-fire/social-login-fire.html">
<firebase-app
name="social"
api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
auth-domain="convoo-login-demo.firebaseapp.com"
database-url="https://convoo-login-demo.firebaseio.com">
</firebase-app>
<social-login-fire google facebook twitter github anonymous app-name="social" user="{{user}}" signed-in="{{signedIn}}"></social-login-fire>
Add email authentication to your app with firebase.
<link rel="import" href="/bower_components/login-fire/email-login-fire.html">
<firebase-app
name="email"
api-key="AIzaSyAhoCXxkY-ffNwA_7L7HIwBVpASYj1btNE"
auth-domain="convoo-login-demo.firebaseapp.com"
database-url="https://convoo-login-demo.firebaseio.com">
</firebase-app>
<email-login-fire app-name="email" user="{{user}}" signed-in="{{signedIn}}"></email-login-fire>
Note: login-fire is not associated with firebase. polymerfire components are used with login-fire.
First, make sure you have the Polymer CLI installed. Then run polymer serve
to serve your application locally.
$ polymer serve
$ polymer build
This will create a build/
folder with bundled/
and unbundled/
sub-folders
containing a bundled (Vulcanized) and unbundled builds, both run through HTML,
CSS, and JS optimizers.
You can serve the built versions by giving polymer serve
a folder to serve
from:
$ polymer serve build/bundled
$ polymer test
Your application is already set up to be tested via web-component-tester. Run polymer test
to run your application's test suite locally.