0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Firebase】RealtimeDatabase とFirestoreの違い

Last updated at Posted at 2021-05-01

#用途
RealtimeDatabaseでアプリ作成中なのに、ググって出てくるコードがFirestoreの時が多々あったため、 RealtimeDatabase/Cloud Firestore どちらともコードを把握しておいてスムーズにアプリ作成できるようにということで投稿

#書き込み

【RealtimeDatabase】 push()

RealtimeDatabase

firebase.database().ref("favs").push({
        user_id: user.uid,
        post_id: post.id
      })

【Cloud Firestore】 add()/set()

CloudFirestore

db.collection('follows').add({
       following_id: user.uid,
       follwed_id: detail_user.user_id
     })

■コメント
Firestoreのadd()とset()の違いは以下の通り。
①add()
addメソッドでは作成時に一意なIDを自動作成してくれます。idにアクセスしたいときは.thenを使うといいかと、、、。

CloudFirestore
this.memoRef.add({
    id: null,
    content: this.memo
  })
  .then(doc => {
    this.memoRef.doc(doc.id).update({
      id: doc.id
    })
  })
  .catch( => {
    // error handling
  })

②set()
docと一緒に用いることによって、ドキュメント名を指定することができます。データを一覧として取得したいときなどに便利。
この時にdoc()←このように何も指定しないときはaddメソッドと同じように一意なidを作成します。
下のコードはFirestoreの公式ドキュメントより引用。https://firebase.google.com/docs/firestore/manage-data/add-data?hl=ja

CloudFirestore
db.collection("cities").doc("LA").set({
    name: "Los Angeles",
    state: "CA",
    country: "USA"
})
.then(function() {
    console.log("Document successfully written!");
})
.catch(function(error) {
    console.error("Error writing document: ", error);
});

#1度だけデータ取り出し
【RealtimeDatabase】 once("value"), on("value")

RealtimeDatabase

firebase.database().ref("users").once("value")
    .then(data =>{
     console.log(data.val())     
   }

【Cloud Firestore】 get()

CloudFirestore

db.collection('users').get().then((snapshot) => {
  snapshot.forEach((doc) => {
    console.log(`${doc.id} => ${doc.data()['id']}`)
  })
})

#変更がある場合のみ取得 / リアルタイムに取得
【RealtimeDatabase】 on('child_changed',)

RealtimeDatabase
db.ref('messages').on('child_changed', (data) => {
  console.log(data.val())
})

【Cloud Firestore】 onSnapshot()

CloudFirestore

db.collection('messsages').doc('id').onSnapshot((doc) => {
  console.log(doc.data())
})

#データの更新
【RealtimeDatabase/Firestore どちらも】 update

RealtimeDatabase

db.ref().update({'name': 'Naoya Hirano'})
CloudFirestore
db.collection('messages').doc('ID').update({
  name: 'Naoya Hirano'
})

#削除
【RealtimeDatabase】 remove()

RealtimeDatabase
db.ref('messages').remove()

【Cloud Firestore】 delete()

CloudFirestore
// 特定のドキュメントに対して
var message = db.collection('messages').doc('ID')


// 特定のフィールドに対して
var hogeFuga = hogeRef.update({
    name: firebase.firestore.FieldValue.delete()
})

#フィルター
【RealtimeDatabase】 orderByChild().equallTo().on("child_added", snap)

RealtimeDatabase
const ref = firebase.database().ref("messages")
ref.orderByChild("uid").equalTo(getters.user.id).on("child_added", (snap) =>{
    snap.ref.remove()
      }
    })

【Cloud Firestore】 where('', '==', ).get() + forEach

CloudFirestore
 db.collection('follows').where('following_id', '==', user.uid).get().then(elements => {
       elements.forEach(element => {
         console.log(element.data())
       })
     })

■コメント
orderByChildではforEachで配列内の要素をループするのは不要なので、入れるとエラーが出ることに注意。orderByChild以外のフィルターは下記を参照。
https://firebase.google.com/docs/database/web/lists-of-data?hl=ja
where() ではforEach必須。

#最後に
アプリ作成を進めていく中で発見したRealtimeDatabase/CloudFirestoreのコードの違いをまとめてみましたが、他にも心当たりあればコメントいただければ助かります。
他に自分で発見した箇所があれば随時更新していきます。 

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?