Flutter - Ứng dụng Nhắn tin, Voice call, Video call. PHP Laravel backed. Firebase. Agora

[Mã code 41761]
  0 Đánh giá    Viết đánh giá
 0      653      117
Phí tải: 250 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
15-1-2025
Loại file
Full code
Dung lượng
#
Code đã kiểm thử
Cam kết hỗ trợ
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

Sử dụng Flutter GetX để làm frontend. Backend dùng PHP Laravel. Dùng Firebase để lưu trữ thông tin tin nhắn. Agora để gọi API cho việc Voice call và video call


MÔ TẢ CHI TIẾT

Người dùng có thể đăng nhập nhanh chóng qua tài khoản bên thứ ba. Ngoài tính năng cơ bản như nhắn tin, nghe gọi thoại, video, thì ứng dụng còn cung cấp giao diện bắt mắt, thân thiện, dễ sử dụng mà không cần qua đào tạo. Người dùng cũng có thể:

  • Đăng nhập qua tài khoản bên thứ ba: Google, Facebook, AppleID
  • Nhắn tin tương tác với người dùng khác qua các chức năng cơ bản
  • Gọi thoại và gọi video chất lượng cao
  • Gửi hình ảnh, trao đổi bằng hình ảnh với nhau nhanh chóng
  • Dễ dàng tìm kiếm người dùng khác
  • Có thể thay đổi ảnh đại diện tên theo sở thích

 


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

flutter,dart,gọi điện,nhắn tin,php laravel,call

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT
Phiên bản:
 
- Flutter 3.24.5 
- Tools • Dart 3.5.4 • DevTools 2.37.3
- PHP 8.1.10
- Composer version 2.7.2
- Cài Flutter firebase (tìm trên ytb sẽ có)
- Tạo dự án mới trong Firebase console, lấy khóa SHA 1 SHA 256
- Tạo tài khoản và dự án mới trong Agora lấy AppID
 
Các bước cài đặt:
 
- Tải và giải nén tệp dự án
- Dự án sẽ có các tệp Báo cáo đồ án, Slide thuyết trình và source code
- Tiếp tục giải nén source code
- Source code sẽ bao gồm 2 thư mục là chatty và laravel
- Mở chatty bằng VS Code hoặc Android Studio, chú ý các  phiên bản các framework được lưu ý phía trên
- Thực hiện xóa các tệp sau nếu còn: 
  + Xóa tệp firebase.json
  + Xóa tệp lib/firebase_options.dart
- + Xóa tệp android/app/google-services.json
- Chạy lệnh "flutter pub get" để cài các packages
- Lấy khóa SHA1 VÀ SHA256 để thêm vào dự án trên Firebase console
- Trong Firebase console thêm các dịch vụ App CheckAuthentication, Firesore Database
- Trong dịch vụ Authentication qua thẻ Sign-in Method và enable Google và Facebook để mở đăng nhập bên thứ ba
- Trong dịch vụ App Check qua thẻ Apps Register ứng dụng với chế độ Play Integrity
- Trong dịch vụ Firesore Database qua thẻ Rules đổi dòng "allow read, write: if false;" thành "allow read, write: if true;"
- Chạy lệnh "flutterfire login" để login vào firebase trong dự án
- Chọn dự án với tên mà bạn đã tạo trong Firebase console
- Sau khi hoàn thành hãy chạy máy ảo và chạy thử dự án.

* Với backend
- Cài Laragon hoặc Xampp để chạy PHPMyadmin 
- Tạo database với tên video-chat-app hoặc tùy chọn (nếu tùy chọn sửa tên ở tệp .env bằng bên bạn đã tạo databse)
- Chạy lệnh php artisan migrate để Tạo bảng theo migration
- Vào Firebase console của dự án chọn hình bánh răng Project settings chọn thẻ Service accounts và tải Firebase Admin SDK với tệp NodeJS
- Thêm tệp vừa tải vào storage/app và khai báo tên ở tệp .env dòng FIREBASE_CREDENTIALS
- Đổi dòng FIREBASE_DATABASE_URL thành Project ID của bạn ở Firebase console
  + Ví dụ PJ ID là flutter-chattyapp thì dòng "FIREBASE_DATABASE_URL=https://flutter-chattyapp.firebaseio.com"
- Sau khi hoàn thành chạy "php artisan sever" để chạy backend

*Lưu ý: 
- Chú ý cài đúng phiên bản các extencion 
- Chú ý cài đủ các frameword
 
 
 
 
LINK DOWNLOAD

# [#]

File đã được kiểm thử
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(250 Xu)
Bạn có code hay
ĐĂNG BÁN NGAY

BÌNH LUẬN


Mi Thảo Trả lời Thích  109:31 - 17/1/2025
Cho em hỏi phiên bản SDK có yêu cầu gì không ạ. Tại đồ án trước em làm nó báo lỗi SDK nên giờ cũng hơi sợ

ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

0
0 Đánh giá
Code rất tốt (0)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá

 HỖ TRỢ TRỰC TUYẾN