Setup angular4 with firebase authenticate

Source from

Go to firebase home page

click “Create New Project“. Give it a project name such as “mychatapp” and click “Create Project“.

Click on Add Firebase to your web app, then copy the config, this will be in your app module of angular. There are 2 more option you can create, on android app & ios app.

// Initialize Firebase
var config = {
apiKey: “AIzaSyA5LwuidkA8ubv24Vw2VaJ7lIgn39_OOKU”,
authDomain: “”,
databaseURL: “”,
projectId: “kindergarden-management”,
storageBucket: “”,
messagingSenderId: “1015344435370”

  • Click on left menu Authentication: -> Sign in method
  • Then choose facebook, turn it on, enter fb appId and secret

  • Then go back to facebook, create new app login in product left menu.
  • Copy rule from firebase’s database menu.
  • {
    “rules”: {
    “.read”: “auth != null”,
    “.write”: “auth != null”
This entry was posted in AngularJs. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s