WhatsApp 克隆

使用 Flutter、Firebase 和 Riverpod 2.0 全栈克隆 WhatsApp!

特点

  • 手机号码认证
  • 仅限联系人的一对一聊天
  • 群聊
  • 文本、图片、GIF、音频(录制)、视频和表情符号共享
  • 状态仅对联系人可见,24小时后消失
  • 视频通话
  • 在线/离线状态
  • 已读消息
  • 回复消息
  • 新消息自动滚动

YouTube

我根据这个创建了一个教程,请到我的频道 Rivaan Ranawat 查看

Youtube Tutorial Image

安装

克隆此存储库后,迁移到 flutter-whatsapp-clone 文件夹。然后,按照以下步骤操作

  • 创建 Firebase 项目
  • 运行命令
    • npm install -g firebase-tools
    • dart pub global activate flutterfire_cli
    • flutterfire configure
  • 启用身份验证
  • 添加 Firestore 和 Storage 规则
  • 创建 Android 和 iOS 应用

然后运行以下命令来运行您的应用程序

  flutter pub get
  open -a simulator (to get iOS Simulator)
  flutter run

使用的技术

服务器:Firebase Auth、Firebase Storage、Firebase Firestore

客户端: Flutter、Riverpod

反馈

如果您有任何反馈,请通过 [email protected] 与我联系

GitHub

查看 Github