This helped me a lot but I have a question How can we display filtered results within the HTML? like instead of the console pulling all the data from the database cant we filter it to just 1-3 results within a child node?
There're no security rule that can hide or disable access to the API key from the client side however you can add an "auth" security rule so that only the authenticated user can be able to manipulate the selected data (his data only): firebase.google.com/docs/rules/rules-and-auth Alternative: If you don't want your API key to be accessed from the client side you should consider using firebase on the server side, if you're using NodeJS you can just run the command 'npm install firebase' and you can start from there. Here is a source that might be useful for your need: firebase.google.com/docs/admin/setup
make sure you imported the firebase-app and the firebase-database.js at the head of your html file in your app before you execute and try : firebaseRef.once('value', function(snapshot) { alert(snapshot.val()); });
can you help me man? it says: _"firebase is not defined"_ (it's around the firebase.initializeApp(firebaseConfig); part of the code. and also: _Unexpected token 'export'_ _Uncaught SyntaxError: Cannot use import statement outside a module_
You can try something like that: async function reatrieveThenRemove() { const ref = firebase.database().ref('DATA_REF'); await ref.once('value', (snapshot)=>{ const data = snapshot.val(); // do something with data }); // remove it ref.remove(); }
// fist create the reference var ref = firebase.database().ref("gps"); // Read gps object ref.once('value', function(snap){ // iterate through the object // to read all the data inside snap.forEach((data)=>{ console.log(data.val()); }) }); // that's pretty much it // hope it's helpful
you just need to specify the path of the data that you're trying to retrieve on the ref(@param) method, for instance if wanted to retrieve just a specific email I would replace ref("emails") with ref("emails/EMAIL_KEY") which is gonna retrieve only the email that I need not the hole emails object.
Yes, you can specify the element that you wanna retrieve using the ref() method. Example: // specifying data location const dataRef = firebase.database().ref('/node/child/DataKey'); // retrieving data dataRef.once('value', (snap)=>{const data = snap.val();}); // But if you gave your data a random key (you used the push() method to store it) then you're gonna be forced to loop through all the elements of the node then filter it to get the data that you want.
Yes, because you're not specifying the object's attribute that you wanna display, you can try something like that: . For example: obj.name or obj.age ..etc
@@WadieMendja so do u know how to check if data is a firbase child value is "1"? ex. user{ verified:0 account_banned:1 } in this case see if account_banned == 1 thx if u can help me!
It should be something like that: const ref = firebase.database().ref("/user"); ref.once("value", (snap)=>{ const data = snap.val(); if ( data.account_banned == 1 ) { // Do something } });
Great video, but I have the mistake, where my data shows as a :[object Object] I think it might be because my child in firebase is not a single element as yours (only emails). Can you help me, please?
@@WadieMendja Thanks for replying!!, i have to declare the objects inside the function snapshot? or can you tell me where do i have to do it, than you!
@@diegolozano8539 yes, store the snapshot.val() object in a variable (data for example) and let's say that the data object has a property called name, now you can get the value of the property as following: data.name
Sorry for keep asking, if I declare the function "var data=snapshot.val();", then i have to delete the function "element"? (the one we saw on the video") I'm asking because I don't understand how to retrieve the property ex:data.name
![30 ชั่วโมงคนเดียว บนรถไฟชั้น 3 โซเวียต [Around The World Ep. 2]](http://i.ytimg.com/vi/MlE9boAVqDA/mqdefault.jpg)
Bro your video was helped me lot thanks
This helped me a lot but I have a question
How can we display filtered results within the HTML?
like instead of the console pulling all the data from the database cant we filter it to just 1-3 results within a child node?
What security rules i have to take at showing apikey and others variables in script
There're no security rule that can hide or disable access to the API key from the client side however you can add an "auth" security rule so that only the authenticated user can be able to manipulate the selected data (his data only): firebase.google.com/docs/rules/rules-and-auth
Alternative:
If you don't want your API key to be accessed from the client side you should consider using firebase on the server side, if you're using NodeJS you can just run the command 'npm install firebase' and you can start from there. Here is a source that might be useful for your need: firebase.google.com/docs/admin/setup
Helped me a lot thnx man
It reports me an error: "Uncaught SyntaxError: Unexpected token '
Edit[ i was doing the same thing maybe you are using ' ' where you supposed to use ` ` ]
Hello i want to make a user data store so many peoples and whe the user logins that data want to see and he can change the data
Help, on the console, it gives the error "firebaseRef.once is not a function"
make sure you imported the firebase-app and the firebase-database.js at the head of your html file in your app before you execute and try :
firebaseRef.once('value', function(snapshot) { alert(snapshot.val()); });
@@WadieMendja I think they updated this, there is now an onValue() function that achieves the function of .once earlier
@@prabingautam421 working fine
@@WadieMendja I tried it works fine Thankyou Great job
can you help me man? it says: _"firebase is not defined"_ (it's around the
firebase.initializeApp(firebaseConfig); part of the code.
and also:
_Unexpected token 'export'_
_Uncaught SyntaxError: Cannot use import statement outside a module_
Just change the firebase versio to 7 instead of whatever version you're using.
I want the old data to be removed when new data is retrieved, what should I do?
You can try something like that:
async function reatrieveThenRemove() {
const ref = firebase.database().ref('DATA_REF');
await ref.once('value', (snapshot)=>{
const data = snapshot.val();
// do something with data
});
// remove it
ref.remove();
}
i have data structure like this :
gps/ node1 ; the node1 contains latitude and longitude value. How can I retrieve that ? Help me pls
// fist create the reference
var ref = firebase.database().ref("gps");
// Read gps object
ref.once('value', function(snap){
// iterate through the object
// to read all the data inside
snap.forEach((data)=>{
console.log(data.val());
})
});
// that's pretty much it
// hope it's helpful
@@WadieMendja tks you
Great job man!
Good day sir how can i get only one data from firebase
you just need to specify the path of the data that you're trying to retrieve on the ref(@param) method, for instance if wanted to retrieve just a specific email I would replace ref("emails") with ref("emails/EMAIL_KEY") which is gonna retrieve only the email that I need not the hole emails object.
Is there any prior use of api key in retrieving in this stage?
What you're trying to do ?
hi sir you know how can i specify the data to retrieve like not all of it just one element from the database ?
Yes, you can specify the element that you wanna retrieve using the ref() method.
Example:
// specifying data location
const dataRef = firebase.database().ref('/node/child/DataKey');
// retrieving data
dataRef.once('value', (snap)=>{const data = snap.val();});
// But if you gave your data a random key (you used the push() method to store it) then you're gonna be forced to loop through all the elements of the node then filter it to get the data that you want.
is it so hard for you to give the source code?
Uncaught ReferenceError: firebase is not defined
You must include firebase-app.js into you project by adding the CDN script at the HTML file or an import statement if you're using nodejs.
this helped so much
i have an problem it comes like
[object Object]
[object Object]
[object Object]
[object Object]
Yes, because you're not specifying the object's attribute that you wanna display, you can try something like that:
.
For example: obj.name or obj.age ..etc
@@WadieMendja i tried that but i thought nvm i will do something else
@@WadieMendja so do u know how to check if data is a firbase child value is "1"?
ex. user{
verified:0
account_banned:1
}
in this case see if account_banned == 1
thx if u can help me!
It should be something like that:
const ref = firebase.database().ref("/user");
ref.once("value", (snap)=>{
const data = snap.val();
if ( data.account_banned == 1 ) {
// Do something
}
});
@@WadieMendja THX i will try and reach out to u :)
bro I fucking love you
❤❤❤
Do you know how to do that for a html map?
you could apply the same steps on the video if you have access to the app that you're displaying on the component.
it didnt work for me)':
What type of error you getting ?
Thank you 🥰🥰🥰
firebase is not defined
Great video, but I have the mistake, where my data shows as a :[object Object]
I think it might be because my child in firebase is not a single element as yours (only emails).
Can you help me, please?
Yes, you're getting this prbl because you didn't specify the attribute, for example obj_name.email or obj_name.username ...etc
@@WadieMendja Thanks for replying!!, i have to declare the objects inside the function snapshot? or can you tell me where do i have to do it, than you!
@@diegolozano8539 yes, store the snapshot.val() object in a variable (data for example) and let's say that the data object has a property called name, now you can get the value of the property as following: data.name
@@WadieMendja Perfect, thanks :) i just suscribed
Sorry for keep asking, if I declare the function "var data=snapshot.val();", then i have to delete the function "element"? (the one we saw on the video") I'm asking because I don't understand how to retrieve the property ex:data.name
Thank you Bro ❤😍
you're welcome at anytime, hafdaQ Amine
i got error sir please help me
[object Object]
[object Object]
[object Object]
Yes, because you're not specifying the object's attribute that you wanna display, you can try something like: .