{"id":300,"date":"2018-05-11T20:20:23","date_gmt":"2018-05-11T20:20:23","guid":{"rendered":"https:\/\/ucsbwebdev.fzilla.com\/?p=300"},"modified":"2018-05-18T01:43:06","modified_gmt":"2018-05-18T01:43:06","slug":"setting-up-firebase","status":"publish","type":"post","link":"https:\/\/ucsbwebdev.fzilla.com\/?p=300","title":{"rendered":"Setting up Firebase"},"content":{"rendered":"

Go to\u00a0https:\/\/firebase.google.com\/<\/a>\u00a0and click SIGN IN<\/p>\n

Then go to https:\/\/console.firebase.google.com\/u\/0\/<\/a>\u00a0and click Add Project<\/strong><\/p>\n

\"\"<\/p>\n

Enter a name and Create Project<\/p>\n

\"\"<\/p>\n

Navigate to DEVELOP -> Authentication then click Set Up Sign In Method<\/p>\n

Enable the ones you want to use<\/p>\n

\"\"<\/p>\n

Remember that later you will need to add the domain of your website so it works!<\/p>\n

\"\"<\/p>\n

Now select DEVELOP->Database<\/p>\n

\"\"<\/p>\n

Then Firestore Get Started<\/p>\n

\"\"<\/p>\n

Set it in Test Mode and Enable<\/p>\n

\"\"<\/p>\n

Finally, let’s enable storage<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Now go to rules tab<\/p>\n

\"\"<\/p>\n

Change to<\/p>\n

service firebase.storage {\r\n  match \/b\/{bucket}\/o {\r\n    match \/{allPaths=**} {\r\n      allow read, write\r\n    }\r\n  }\r\n}<\/pre>\n
Then publish.<\/p>\n
 <\/p>\n
Get authnetication information<\/h2>\n
Click the COG on top right and select project settings<\/p>\n
\"\"<\/p>\n
Now select<\/p>\n
\"\"<\/p>\n
This will give you the code you need to add inside your project!<\/p>\n
\"\"<\/p>\n
 <\/p>\n
Download the example zip<\/a>\u00a0and then follow these steps:<\/p>\n
    \n
  1. Extract zip<\/li>\n
  2. Open the file\u00a0js\/initializeFirebase.js<\/strong><\/li>\n
  3. Replace its contents with the settings from above<\/li>\n
  4. Open terminal and type\u00a0“npm install”<\/strong><\/li>\n
  5. Every time you want to run the system type\u00a0“gulp”<\/strong><\/li>\n
  6. Here are the links you can go to for the different examples\n
      \n
    1. \/\u00a0<\/strong>will have a full login\/signup and list items example<\/li>\n
    2. \/items.html\u00a0<\/strong>will have a full example for working with items (add\/edit\/delete)<\/li>\n
    3. \/upload.html\u00a0<\/strong>has an example of uploading files<\/li>\n
    4. \/auth.html\u00a0<\/strong>has an example for sign up and login<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
      https:\/\/angelprivate.s3.amazonaws.com\/teaching\/additionalFun.zip<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
      Go to\u00a0https:\/\/firebase.google.com\/\u00a0and click SIGN IN Then go to https:\/\/console.firebase.google.com\/u\/0\/\u00a0and click Add Project Enter a name and Create Project Navigate to DEVELOP -> Authentication then click Set Up Sign In Method Enable the ones you want to use Remember that later you will need to add the domain of your website so it works! Now select […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,4],"tags":[],"class_list":["post-300","post","type-post","status-publish","format-standard","hentry","category-js","category-tutorial"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=300"}],"version-history":[{"count":8,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/300\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/300\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}