LẬP TRÌNH WEB HTML - CSS - JAVA SCRIPT

BÀI 16: FIREBASE DATABASE TRONG WEB JS

  • Chèn đoạn Script này dưới thẻ body

<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-database.js"></script>

  • Chèn config vào file js

const firebaseConfig = {

apiKey: "key",

authDomain: "web.firebaseapp.com",

databaseURL: "https://web-default-rtdb.firebaseio.com",

projectId: "web",

storageBucket: "web.appspot.com",

messagingSenderId: "id",

appId: "appid",

measurementId: "measurementid"

};

firebase.initializeApp(firebaseConfig);

let auth = firebase.auth()

let database = firebase.database()

  • Write data

let database = firebase.database();

let database_ref = database.ref();

var user_data = {

email: email,

password: password,

last_login: Date.now()

}

database_ref.child('users/' + user.uid).set(user_data)

  • Cập nhật trạng thái thay đổi dữ liệu

// Get a reference to the database service

var usersRef = database.ref();


usersRef.on('child_added', (snapshot) => {

console.log('user was added !!');

});


usersRef.on('child_removed', (snapshot) => {

console.log('user was removed !!' );

});


usersRef.on('child_changed', (snapshot) => {

console.log('user was changed !!');

console.log(snapshot.val()); // Lấy kết quả

console.log(snapshot.ref.key); // Lấy tên children

console.log(snapshot.ref.parent.key); //Lấy tên child của children

});