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

Xem Live Demo

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

09/01/2025

(0 đánh giá)

500.000 đ

0 68

Thể loại: Ứng dụng

Danh mục: Mobile

Báo vi phạm bản quyền Báo code bị lỗi

Ngọc Huyền

Source code 121

Bài viết 0

Download

Mô 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

Hỗ trợ cài đặt Hỗ trợ có báo cáo - thuyết trình

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 Check, Authentication, 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

Tiêu đề ghi rõ "Hỗ trợ cài đặt code"

Xem demo source code

https://drive.google.com/drive/folders/1U9g6_8vPhTADD2uqisd93sZ3jHd7y0XG?usp=sharing

Hình ảnh demo

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 Check, Authentication, 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

- Đổ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

Tiêu đề ghi rõ "Hỗ trợ cài đặt code"

Thành viên	Nội dung đánh giá

Top tìm kiếm cùng chủ đề

Bán source code kiếm thêm thu nhập - cleancode.vn

Đăng ký tài khoản nhận ngay mã giảm giá 15% - cleancode.vn

Code mới nhất

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

500.000 đ

68

Mobile
Đồ án App tuyển dụng và Tìm Kiếm Việc Làm sử dụng React Native

100.000 đ

119

Mobile
Full Source code Flutter bán nội thất sử dụng Firebase

60.000 đ

81

Mobile

Bài biết mới nhất

❤️ HỖ TRỢ NGAY - CLICK CHAT ZALO ❤️

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

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

500.000 đ

Ngọc Huyền

Mô tả

Hướng dẫn cài đặt

Xem demo source code

Hình ảnh demo

Top tìm kiếm cùng chủ đề

Code mới nhất

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

Đồ án App tuyển dụng và Tìm Kiếm Việc Làm sử dụng React Native

Full Source code Flutter bán nội thất sử dụng Firebase

Bài biết mới nhất

Đăng ký để cập nhật tin tức mới nhất từ chúng tôi