Vue.js. Firebase запрос - как получить результат из запроса?

Question

У меня есть база данных Firebase Realtime только с одним тестовым значением

{
"details": {
     "uid": "mayU7Zyc3GMC4STXB6mVu32xFO13",
     "honorificPrefix": "Mr.",
     "givenName": "Yves",
     "familyName": "Dufour",
     "address1": "3, chemin des buis",
     "address2": "Les Ballans",
     "zipcode": "16600",
     "city": "Mornac",
     "country": "France"
 }
}

Я пытаюсь получить это тестовое значение из компонента vue

 getUserDetail ({commit}, payload) {
    console.log('ACTION: getUserDetail db: ', payload.db)
    console.log('ACTION: getUserDetail id: ', payload.uid)
    payload.db.ref('details').orderByChild('uid').equalTo('uid', payload.uid).once('value', (snapshot) => {
    // db.ref('details').orderByChild('userId').once('value', (snapshot) => {
      console.log('SNAPSHOT VAL ', snapshot.val())
    })
  }

при запуске я получаю доступ к деталям, но на самом деле не получаю ожидаемого результата

console.log('SNAPSHOT VAL ', snapshot.val()) // is null

Вот вывод журнала консоли от Firebase

ACTION: getUserDetail db:  Database {repo_: Repo, root_: Reference, INTERNAL: DatabaseInternals}INTERNAL: DatabaseInternals {database: Database}app: (...)repo_: Repo {repoInfo_: RepoInfo, app: FirebaseAppImpl, dataUpdateCount: 1, statsListener_: null, eventQueue_: EventQueue, …}root_: Reference {repo: Repo, path: Path, queryParams_: QueryParams, orderByCalled_: false}__proto__: Object
root.js?f07d:131 


ACTION: getUserDetail id:  mayU7Zyc3GMC4STXB6mVu32xFO1


[FIREBASE]  getToken() completed. Creating connection. 
main.js?1c90:62 [FIREBASE]  c:0:0: Connection created 
main.js?1c90:62 [FIREBASE]  c:0:0:0 Websocket connecting to xxxxxxxxxxx
main.js?1c90:62 [FIREBASE]  c:0:0:0 Websocket connected. 
main.js?1c90:62 [FIREBASE]  c:0:0: Realtime connection established. 
main.js?1c90:62 [FIREBASE]  p:0: connection ready 

[FIREBASE]  p:0: Listen on /details for default

......
main.js?1c90:62 [FIREBASE]  p:0: handleServerMessage d {"p":"details","d":{"address1":"3, chemin des buis","address2":"Les Ballans","city":"Mornac","country":"France","familyName":"Dufour","givenName":"Yves","honorificPrefix":"Mr.","uid":"mayU7Zyc3GMC4STXB6mVu32xFO13","zipcode":"16600"}} 

main.js?1c90:62 [FIREBASE]  event: /details:value:{"address1":"3, chemin des buis","address2":"Les Ballans","city":"Mornac","country":"France","familyName":"Dufour","givenName":"Yves","honorificPrefix":"Mr.","uid":"mayU7Zyc3GMC4STXB6mVu32xFO13","zipcode":"16600"} 

[FIREBASE]  event: /details:value:null 
 SNAPSHOT VAL  null

что не так с моим запросом? (это мой первый .... не могу найти хороший пример для сопоставления ...)

ОБНОВЛЕНИЕ

Я также пытался с помощью следующего запроса

payload.db.ref('details').orderByChild('uid').equalTo(payload.uid).once('value', (snapshot) => { 

но тогда я получаю ошибку

    vue.runtime.esm.js?ff9b:1737 Error: Query.equalTo failed: First argument contains undefined in property 'details'
        at validateFirebaseData (index.cjs.js?8c4d:1432)
        at validateFirebaseDataArg (index.cjs.js?8c4d:1420)
        at Query.equalTo (index.cjs.js?8c4d:5004)
        at Store.getUserDetail (root.js?f07d:132)
        at Array.wrappedActionHandler (vuex.esm.js?358c:704)
        at Store.dispatch (vuex.esm.js?358c:426)
        at Store.boundDispatch [as dispatch] (vuex.esm.js?358c:332)
        at VueComponent.userDetails (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"/Users/yves/Developments/WIP/VUE.JS-vcli-3-beta/le-choro-des-charentes/node_modules/.cache/cache-loader"}!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Member/Section1.vue (1.js:7), <anonymous>:154:19)

ОБНОВЛЕНИЕ 2

Я обновил свою структуру БД, т. Е. User.uid в качестве ключа для user.details

новая структура БД

    "details": {
        "mayU7Zyc3GMC4STXB6mVu32xFO13": {
         "honorificPrefix": "Mr.",
         "givenName": "Yves",
         "familyName": "Dufour",
         "address1": "3, chemin des buis",
         "address2": "Les Ballans",
         "zipcode": "16600",
         "city": "Mornac",
         "country": "France"
        },
        "kRdsicIfuRYSTj2sWxfejhMevtr2" : {
         "honorificPrefix": "Mr.",
         "givenName": "John",
         "familyName": "Doe",
         "address1": "829, Flower Avenue",
         "address2": "Dizzy Gong",
         "zipcode": "CA 90291",
         "city": "Venice",
         "country": "USA"
        }
        }
    }

так что теперь мне нужно получить объект user.detail на основе user.id в качестве ключа

Я пытался

 payload.db.ref('details').child(payload.uid).once('value', (snapshot) => {
     console.log('SNAPSHOT VAL ', snapshot.val())
 })

но безуспешно ...

Я могу работать нормально, когда я запрашиваю имя семьи

payload.db.ref('details').orderByChild('familyName').equalTo('Doe').once('value', (snapshot) => {.. }

Answer 1

решаемые

с обновленной структурой (используя ключ user.uid, мне нужно использовать

payload.db.ref('details').orderByKey().equalTo(payload.uid).once('value', (snapshot) => {... }

Если я хочу запросить значение (например, familyName), я буду использовать:

payload.db.ref('details').orderByChild('familyName')
       .equalTo('Doe').once('value', (snapshot) => {... }

Answer 2

Должно быть .equalTo(payload.uid), а не equalTo('uid', payload.uid)

   payload.db.ref('details').orderByChild('uid').equalTo(payload.uid).once('value', (snapshot) => {
     // db.ref('details').orderByChild('userId').once('value', (snapshot) => {
     console.log('SNAPSHOT VAL ', snapshot.val())
   })