用于聊天应用程序(如带离子的whatsapp)的firebase数据库

时间:2019-08-07 15:19:46

标签: firebase ionic-framework firebase-realtime-database google-cloud-functions ionic4

我想创建类似whatsapp的聊天应用程序,

我尝试了许多示例,但是现在仍然没有完整的实现方法的图片,因为我们如何设计数据库,每个人都给出了示例json结构,但是我们如何在离子应用程序中使用该json呢?还是我们必须使用函数??

谁能帮我整个数据库,以及如何在离子应用程序中使用它?

https://web.chat21.org/

我正计划实施这样的聊天应用

这是一对一的聊天简单代码,但是我想要最近的聊天列表,用户列表等。

import { NavController } from 'ionic-angular';
import * as firebase from 'firebase';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  public name = 'surendra';
  messagesList = [];
  ref = firebase.database().ref('chatrooms/');
  newmessage: string;

  constructor(public navCtrl: NavController,
  ) {
    this.ref.on('value', data => {
      let tmp = [];
      data.forEach(data => {
        tmp.push({
          key: data.key,
          name: data.val().name,
          message: data.val().message
        })
      });
      this.messagesList = tmp;
    });
  }

  send() {
    this.ref.push({
      name: this.name,
      message: this.newmessage
    });
  }
}

0 个答案:

没有答案