Firebase is a service that allows us to create real-time apps without having a native back-end(server). Storing and retrieving of data in real-time is done directly from the browser(front-end), i.e. no back-end services is required to fetch the data.<\/p>\n
Whenever we save data in Firebase, it generates a unique identification ID for each object. Sometimes it’s hard to maintain or traverse the data on the basis of these randomly generated IDs, because the only way to access data in Firebase is via URL reference (refObject\/books\/\/title) for the particular node. So sometimes we need to store data object with our own custom keys.<\/p>\n
[code language=”javascript”]var onComplete = function(error) {
\n if (error) {
\n console.log(‘Operation failed’);
\n } else {
\n console.log(‘ Operation completed’);
\n }
\n};[\/code]<\/p>\n
We can save data into firebase using push() method.<\/p>\n
[code language=”javascript”]var booksRef = ref.child("books");<\/p>\n
booksRef.push({
\n author: " Adam Freeman",
\n title: "Pro AngularJS"
\n}, onComplete);<\/p>\n
booksRef.push({
\n author: "Niall OHiggins",
\n title: "MongoDB and Python"
\n}, onComplete);[\/code]<\/p>\n
The above code saves two objects into my data store and if the operation is successful, an auto-generated ID by Firebase is set as key for respective data objects.
\nNow, the data store in Firebase will look like:<\/p>\n
[code language=”javascript”]{
\n "books" : {
\n \t\t"-Jldh2kvv9KyrkBuTTjV" : {
\n \t\t"author" : " Adam Freeman",
\n \t\t"title" : "Pro AngularJS"
\n \t\t},
\n \t\t "-Jldh2kx0AgFXU1-Umnx" : {
\n \t\t"author" : "Niall OHiggins",
\n \t\t"title" : "MongoDB and Python"
\n \t\t}
\n\t}
\n}[\/code]<\/p>\n
Sometimes, we need to store data with custom IDs. Such as Email-ID, UserName etc.
\nWe can use set() method to save our data in Firebase.<\/p>\n
[code language=”javascript”] var booksRef = ref.child("books");
\n booksRef.child(‘Adam Freeman’).set({
\n title: "Pro AngularJS"
\n }, onComplete);<\/p>\n
booksRef.child(‘Niall OHiggins’).set({
\n title: "MongoDB and Python"
\n }, onComplete);[\/code]<\/p>\n
Now, the data store in Firebase will look like :<\/p>\n
[code language=”javascript”]{
\n "books" : {
\n \t\t"Adam Freeman" : {
\n \t\t "title" : "Pro AngularJS"
\n \t\t},
\n \t\t"Niall OHiggins" : {
\n \t\t "title" : "MongoDB and Python"
\n \t \t}
\n\t}
\n}[\/code]<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Firebase is a service that allows us to create real-time apps without having a native back-end(server). Storing and retrieving of data in real-time is done directly from the browser(front-end), i.e. no back-end services is required to fetch the data. Whenever we save data in Firebase, it generates a unique identification ID for each object. Sometimes […]<\/p>\n","protected":false},"author":149,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":22},"categories":[1185],"tags":[1736],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/18747"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/149"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=18747"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/18747\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=18747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=18747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=18747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}