文档中的 Angular FireStore 集合

Question

我正在尝试使用 Firebase FireStore 数据库在 Angular 2 中构建一个聊天应用程序。
我能够为每个“消息”创建一个Collection，并带有一个Docuement。 我使用此代码检索消息：

export interface MessageItem {
  message: string;
  DateTime: Date;
  User: string;
}

messagesCollection: AngularFirestoreCollection<MessageItem>;
messages: Observable<MessageItem[]>;

getChatData() {
  this.messagesCollection = this.afs.collection<MessageItem>('chat_messages');
  this.messages = this.messagesCollection.valueChanges();
}

但是，因为我想要多个用户，所以我想为每个用户创建一个 Document，它存储在消息的 Collection 中。
这使事情变得复杂，我不知道该怎么做。
我很乐意提供一些指导。

Answer 1

您可以采取的一种方法是将文档集合存储为“消息”，而不是将文档集合存储为“消息”，您希望创建一个“对话”集合，然后在每个“对话”文档中都有一个简单的“文档参考”数组引用该对话中的两个用户。您也可以只存储每个用户的 UID，然后在必要时获取用户。然后，在“对话”文档中，您将拥有两个用户之间的消息集合。这是我会采用的一种方法，如果您需要更多帮助，我可以创建模型服务和数据结构以作为示例显示。简而言之，首先存储对话将有助于此处的结构。

这是我如何设置 Firestore 结构的示例：

在对话集合中，我将向用户存储一个 DocumentReferences 数组，然后有一个与此对话相关的消息集合。

现在，在 users 集合中，我将为每个用户创建一个文档，其中 Document Id 是来自经过身份验证的用户的 UID。这似乎是多余的，但我也会在用户集合中创建一个对话集合，其中每个文档只有一个字段，它是对话文档的 DocumentReference。以下是 convos 集合中该文档的示例：

通过这种方式，您可以阻止用户在 Conversations 集合内创建重复的对话文档，并且您只需要确保在对话开始后将对话引用保存到每个用户的 convos 集合即可。

从服务中获取数据时，您需要进行快照更改并获取该引用路径，然后在快照上的地图函数内部请求对话。如果您在创建此服务并使用 angularfire2 设置服务后需要该服务的指导，请告诉我。

Answer 2

有很多方法可以走，但是这个Build A Real-Time Chat App With VueJS, Vuex & Cloud Firestore 在 vue 中展示了一个相当不错的实现。

这是他们的谈话文件。

对话结构

{
  created: Date.now(),
  users: ['mr_a', 'mr_b'],
  messages: [
    { id: uuidv4(), text: 'Hi there', sender: 'mr_a', created: Date.now() },
    { id: uuidv4(), text: 'Hi to you too!', sender: 'mr_b', created: Date.now() }
  ]
}

有关 AngularFire2 的机制，请参阅 Simple Chat App with AngularFire2 (Firebase + Angular 2)。它使用一个带有消息的对话作为文档。