Как получить значение reference поля в Firebase?

Question

[mbhusty]

Как в JS получить значение ref поля в запросе?

Есть две таблицы, одна с книгами, вторая со статусами. При добавлении книги пишется статус, но не получается при выводе списка отобразить значение поля nam.

Вроде все просто должно быть, но с Firebase первый раз столкнулся и гугл не помог.

таблица с книгами

таблица со статусами

Answer 1

[Александр]

Чтобы получить значение ref поля в Firebase используйте функцию .once('value') или .on('value') .
Например:

var ref = firebase.database().ref("books/" + bookId + "/status");
ref.once('value').then(function(snapshot) {
  var status = snapshot.val();
  console.log(status.name);
});

Это позволит вам получить доступ к значению поля name в статусе.

Если вы хотите получить доступ к данным из другой таблицы, например статусов, Вы можете использовать метод .child() для навигации по дереву данных.
Например:

var bookRef = firebase.database().ref("books/" + bookId);
bookRef.once('value').then(function(snapshot) {
  var book = snapshot.val();
  var statusRef = bookRef.child("status");
  statusRef.once('value').then(function(snapshot) {
      var status = snapshot.val();
      console.log(status.name);
  });
});

Это даст вам доступ к данным из таблицы со статусами и вы можете получить значение поля name.

Comments

[mbhusty]

что-то я все равно делаю не так
1. добавил в config.js

import { getDatabase } from  'firebase/database'
const db = getDatabase()

2. дальше запускаю

var bookRef = db.ref("books/qZgqU2Fpg5dWhi6vfdcf");
    bookRef.once('value').then(function(snapshot) {
      var book = snapshot.val();
      console.log(book)
      var statusRef = bookRef.child("status");
      statusRef.once('value').then(function(snapshot) {
        var status = snapshot.val();
        console.log(status.name);
      });
    });

3. получаю
Home.vue?bb51:58 Uncaught (in promise) TypeError: _firebase_config__WEBPACK_IMPORTED_MODULE_4__.baseData.ref is not a function

[Александр]

mbhusty,
Эта ошибка означает, что вы пытаетесь использовать функцию ref() на объекте, который не является экземпляром database() из библиотеки Firebase.

Убедитесь, что вы импортировали правильную библиотеку Firebase и инициализировали ее правильно. Пример инициализации:

import firebase from 'firebase/app'
import 'firebase/database'

const firebaseConfig = {
    // ваши настройки
};
firebase.initializeApp(firebaseConfig);

Также, убедитесь, что вы используете метод ref() на объекте database(), а не на каком-то другом объекте.

Например:

var ref = firebase.database().ref("books/" + bookId + "/status");

[mbhusty]

Александр Котов,
config.js

import { initializeApp } from 'firebase/app'
import { getFirestore } from 'firebase/firestore'
import { getAuth } from 'firebase/auth'
import 'firebase/database'

const firebaseConfig = {
 //настройки
};

initializeApp(firebaseConfig)

const db = getFirestore()
const auth = getAuth()


export { db, auth }

const bookRef = firebase.database().ref("books/qZgqU2Fpg5dWhi6vfdcf/status");

но при сборке получаю

'firebase' is not defined no-undef

[Александр]

mbhusty,

Ошибка 'firebase' is not defined возникает, потому что вы пытаетесь использовать переменную firebase, но она не была объявлена или импортирована в вашем коде.

В вашем случае, вы импортировали только некоторые функции из библиотеки firebase, но не импортировали основной модуль firebase.

Чтобы исправить это, вам нужно импортировать основной модуль firebase, так же как вы импортируете другие функции:

import firebase from 'firebase/app'
import { getFirestore } from 'firebase/firestore'
import { getAuth } from 'firebase/auth'
import 'firebase/database'

После этого вы сможете использовать переменную firebase в вашем коде, например:

const bookRef = firebase.database().ref("books/qZgqU2Fpg5dWhi6vfdcf/status");

Это все на быструю руку и голову) Пишите, какие ошибки еще возникают, разберемся)

[mbhusty]

Александр Котов,
все равно что-то не то)
при сборке получаю

warning  in ./src/firebase/config.js

"export 'default' (reexported as 'firebase') was not found in 'firebase/app'

[bituke]

Александр Котов, че за нейронку используешь?))

[mbhusty]

Александр, кажется понял, это синтаксис для 8 версии, а я использую 9

[Александр]

mbhusty,
Да, этого не учел