Cloud Functions callしても戻り値がnullしか返ってこない

Question

クライアント側で関数をコールしたら、FireStoreのtestコレクションの全てのドキュメントを返すのを作っています。
公式ドキュメントと解説サイトをいくつか見て書いたコードが以下になります。
デプロイも問題なく、jsonを返す前のconsole.log(json)では、Firebaseのコンソールで一覧が返ってるのを確認済みです。
しかし、クライアント側の戻り値は{data: null}しか返ってこず、Firebaseのコンソールで確認出来たdocの一覧のデータがありません。
数時間格闘しましたが、結局解決策がわからずじまいです。
何か間違っていることや解決方法を知っている方がいましたらご教授お願いします。

// index.js

if (!process.env.FUNCTION_NAME || process.env.FUNCTION_NAME === 'getDocList') {
  exports.getDocList = require('./funcation/function/getDocList.js');
}

// function/getDocList.js

const functions = require('firebase-functions');
const admin     = require('firebase-admin');

admin.initializeApp(functions.config().firebase)

const db = admin.firestore()

module.exports = functions.https.onCall((data, ctx) => {
  db.collection("test").get().then(function(querySnapshot) {
    let json = {}
    querySnapshot.forEach(function(doc) {
      json[doc.id] = doc.data()
    })
　　console.log(json)
    return json
  })
})

<script>
// Nuxt page/index.vue

import firebase from 'firebase'

export default {
  mounted() {
    firebase
      .functions()
      .httpsCallable('getDocList')
      .call()
      .then(result => {
        console.log(result)
      })
      .catch(err => {
        console.log(err)
      })
  }
}
</script>

Answer 1

非同期処理を待機していないのが原因です。Promiseを関数の返り値として返して、待機させるよう修正してみてください。

ドキュメント: https://firebase.google.com/docs/functions/terminate-functions?hl=ja#how_promises_work_with_functions

Comments

[gogojp]

Promiseをreturnすることで値を返すことが出来ました。
ありがとうございます。

module.exports = functions.https.onCall((data, ctx) => {
return new Promise(function(resolve, reject) {
db.collection("test").get().then(function(querySnapshot) {
let json = {}
querySnapshot.forEach(function(doc) {
json[doc.id] = doc.data()
})
resolve(json)
})
})
})

[kakajika]

FirestoreのgetはPromiseを返すメソッドですから、new Promise() { ... } で囲む必要はありませんよ。元々のコードにreturnを加えるだけでいいはずです。