Vue.jsとfirebaseを使用してチャット機能のあるWebアプリを制作しています。
現在リアルタイムでチャット画面を変更さセルところで行き詰ってしまいました。
アプリケーションには他にもユーザー一覧やプロジェクト一覧を表示する画面があり、それらの画面は以下のようなコードでリアルタイム更新できております。
db.collection('users').onSnapshot(res => { const changes = res.docChanges() changes.forEach(change => { if(change.type === 'added'){ this.users.push({ ...change.doc.data(), }); }
今回行き詰っているチャット機能ではcloud storageのtalkroomsコレクションにそれぞれのユーザーごとのドキュメントを作って会話データを記録しております。
例えば、AさんとBさんの会話を記録するドキュメント、AさんとCさんの会話を記録するドキュメントのように分けております。
それぞれのドキュメント内の変更を監視し、リアルタイムに画面を更新したいのですが、ドキュメント内のデータの変更はどのようにしたら監視することができますでしょうか?
もしくはチャット機能を構築するにあたりもっといい方法があれば教えていただけると幸いです。
あなたの回答
tips
プレビュー