Cloud FunctionとFirestoreでプッシュ通知を送信する（firebase）

Question

いつもお世話になっております。

Cloud FunctionとFirestoreを使ってスマホ用のチャットプッシュ通知を開発しようと考えています。
元々、RealTime Databaseで動いていたものをFirestore用に書き換えているのですが、どうも最初の部分でつまずいてしまいます。。

Cloud Functionでやるとなると、だいぶ勝手が変わってしまうものなのでしょうか。

開発環境は

firebase-functions: ^0.9.1

です。

エラー内容

TypeError: snapshot.data is not a function

ソースコード

// message push notification
exports.messagePush = functions.firestore
.document('/rooms/{roomId}/users/{uid}/messages/{messageId}')
.onWrite((snapshot) => {
  console.log('snapshot:', snapshot);

  const item = snapshot.data();
  const userId = item.child("user").child("_id").val();
  const userName = item.child("user").child("name").val();
  const message = item.child("text").val();

  console.log('item', item);
  console.log('userId', userId);

  const userRef = snapshot.params.uid;

  console.log('userRef', userRef);

  const payload = {
    notification: {
      body: userName + ": " + message,
      badge: "1",
      sound: "default"
    }
  }

  if (userId !== userRef) {
    getMessageFcmToken(userRef, function(token) {
      pushToDevice(token, payload);
    });
  }

  var getMessageFcmToken = function(roomId, callback) {
    admin.firestore().collection('users').doc(`${userRef}`)
    .then((snapshot) => {
      console.log('Valu', snapshot.data());
      const token = snapshot.data()['pushToken'];

      if(token == null) {
        console.log("Nothing token");
        return
      }
      console.log("return callback token", token);

      callback(token);
    })
  }

コンソール結果

下記がconsole.log('snapshot:', snapshot)の結果になります。
snapshotまでは取れているみたいなのですが、なぜか、その先のsnaopshot.data()でエラーが出てしまっています。

snapshot: { data: 
   QueryDocumentSnapshot {
     _ref: DocumentReference { _firestore: [Object], _referencePath: [Object] },
     _fieldsProto: 
      { _id: [Object],
        createdAt: [Object],
        text: [Object],
        user: [Object] },
     _readTime: undefined,
     _createTime: Timestamp { _seconds: 1535164240, _nanoseconds: 45967000 },
     _updateTime: Timestamp { _seconds: 1535164240, _nanoseconds: 45967000 } },
  eventId: '2c233f09-3c86-49f8-9171-c692ea0ecb35-0',
  eventType: 'providers/cloud.firestore/eventTypes/document.write',
  notSupported: {},
  params: 
   { roomId: 'FJG4k7sBe9Pdv4ns0TW9kt01yGo2',
     uid: 'dtsX83vbUtMlmoFJbqcwr6fJKiS2',
     messageId: 'MjSGIWPJe195uIcAdKWE' },
  resource: 'projects/XXXXXXXXXX/databases/(default)/documents/rooms/FJG4k7sBe9Pdv4ns0TW9kt01yGo2/users/dtsX83vbUtMlmoFJbqcwr6fJKiS2/messages/MjSGIWPJe195uIcAdKWE',
  timestamp: '2018-08-25T02:30:40.045967Z' }

追記（8月25日）

// message push notification
exports.messagePush = functions.firestore
.document('/rooms/{roomId}/users/{uid}/messages/{messageId}')
.onWrite((change, context) => {

  console.log('change', change);

  const document = change.after.exists ? change.after.data() : null;

  console.log('document', document);

  const newDocument = change.after.data();
  console.log('newDocument', newDocument);

  // Get an object with the previous document value (for update or delete)
  const oldDocument = change.before.data();
  console.log('oldDocument', oldDocument);

・・・

ご回答をいただきましたようにトライしてみました。

上記のように、冒頭を書き加えてみたのですが、下記のエラーが出てしまいました。
console.log('change', change);は上と同じものを取得できましたは、exisitsが取得できず止まってしまいました。。

TypeError: Cannot read property 'exists' of undefined

続いて、existsの構文を消してやってみましたが、やはりデータのところでこけてしまいます。

TypeError: Cannot read property 'data' of undefined

Comments

[xenbeat]

念の為、「firebase-functions」SDKのバージョンを追記ください

[yamady]

"firebase-functions": "^0.9.1"ですね。古いような気がしてきました・・・。

[xenbeat]

> "firebase-functions": "^0.9.1"ですね。→　他の人が見てもわかるように質問文に追記ください。

Answer 1

使用されているonWriteは、onCreate、onUpdate、onDelete がトリガーされたときにトリガーされます。
その中に含まれているonUpdateは、すでに存在するドキュメントの値が変更されたときにトリガーされます。
https://firebase.google.com/docs/functions/firestore-events?hl=ja#trigger_a_function

でonWriteは、ドキュメントの変更を検知するイベント（onUpdate）を含むので、変更前と変更後のデータ状態を表す2つのスナップショットがあります。
それが以下に示すafterとbeforeです。

.onWrite((change) => {
  const newItem = change.after.data();
  const oldItem = change.before.data();

追記

ご使用のSDKバージョンが<= v0.9.1（ベータ版）ということなので、かなり古いです。
特別な理由がない限り、SDKバージョンを更新してください。

npm install firebase-functions@latest --save
npm install firebase-admin@5.11.0 --save

// firebase-toolsのバージョンも古そうなので、ついでに更新しておきましょう。
npm install -g firebase-tools

そのままのSDKバージョンを選択せざるを得ない場合は、回答した内容では無理なので以下としてください。

.onWrite((event) => {
  const newItem = event.data.data();
  const oldItem = event.data.previous.data();

Comments

[yamady]

xenbeatさま、ご回答いただきありがとうございます。changeでやってみたのですが、やはりdataのところで失敗してしまうようです。
（追記させていただきました。）

なにか根本的に間違っているところがあるのでしょうか。
また、onCreateで書きなおしてもみたのですが、やはりdataが取れていない状態です。

[xenbeat]

追記依頼しました。SDKのバージョンが古いのではないかと思います。

[yamady]

確かに、ちょこちょこlatestにするようなアラートが出ていたのでバージョンの問題であるような気がしてきました。。（汗

[xenbeat]

やはりSDKのバージョンが古すぎますねー。解決策を回答欄に追記しました。

[yamady]

ご丁寧な解説を頂きましてありがとうございます。バージョンについても追記が必要ですね。

現在、item.childでつまずいているのですが、おそらくfirestoreでの参照をする際にはこういう書き方をしないんですよね・・・。
取り急ぎ、最初のところが行けました。本当にありがとうございます！