WhatsApp 克隆

使用 Flutter、Firebase 和 Riverpod 2.0 构建完整的 WhatsApp 克隆!

特点

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

Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (5) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (4) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (3) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (2) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (1) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (8) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (7) Build a Complete WhatsApp Clone with Flutter (Firebase, Agora, Riverpod) _ Chat App - YouTube (6)

安装

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

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

GitHub

查看 Github