ĐỀ tài xây DỰNG ỨNG DỤNG CHAT với VUEJS và FIREBASE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG CHAT VỚI VUEJS VÀ FIREBASE Sinh viên thực hiện: PHAN THANH NGUYÊN Lớp: 19I1 Giảng viên hướng dẫn: DƯƠNG THỊ MAI NGA Đà Nẵng, tháng 05 năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THƠNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN CƠ SỞ XÂY DỰNG ỨNG DỤNG CHAT VỚI VUEJS VÀ FIREBASE Sinh viên: Phan Thanh Nguyên Mã: 191C900029 Giảng viên hướng dẫn: Dương Thị Mai Nga NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành đến quý thầy cô Trường Đại học Công nghệ Thông tin Truyền thông Việt - Hàn , người dìu dắt em tận tình, truyền đạt cho em kiến thức học quý giá suốt thời gian em theo học trường Em xin trân trọng gửi lời cám ơn đến tất thầy cô khoa Khoa học Máy tính , đặc biệt Dương Thị Mai Nga, tận tình hướng dẫn giúp đỡ em suốt trình làm tốt nghiệp Với bảo thầy, em có định hướng tốt việc triển khai thực yêu cầu trình làm đồ án tốt nghiệp Em xin cảm ơn người thân gia đình quan tâm, động viên tạo cho em điều kiện tốt suốt trình học tập làm tốt nghiệp Ngoài em xin gửi lời cảm ơn đến tất bạn bè, đặc biệt bạn lớp 19i1 ln gắn bó, học tập giúp đỡ em năm qua suốt trình thực đồ án Em xin chân thành cảm ơn! MỤC LỤC CHƯƠNG 1: GIỚI THIỆU VỀ VUEJS Giới thiệu vuejs Lịch sử đời phát triển CHƯƠNG 2:PHẦN MỀM VISUAL STUDIO CODE 2.1 Sơ lược Visual Studio Code 18 2.1.1 Một số tính Visual Studio Code 2.1.2 Tại nên dùng Visual Studio Code CHƯƠNG 3: Lậptrình Chat với Firebase 11 3.1 Tổng quan Firebase 11 3.1.1 Khái niệm 11 3.1.2 Lịch sử phát triểncủa Firebase 11 3.1.3 Ưu nhược điểm Firebase 12 3.2 Tổng quan dịch vụ Firebase 12 3.2.1 Dịch vụ Firebase Analytics 13 3.2.2 Cácdịch vụ pháttriển kiểm thử ứng dụng 13 3.2.3 Các dịch vụ tăng trưởng thu hút người dùng 15 3.3 Một số kỹ thuật 17 3.3.1 Tạo dự án Firebase 18 3.3.2 Quản lý người dùng 19 3.3.3 Chat kênh riêng tư 20 3.4 Bài toán 21 3.5 Sơ đồ chức 21 3.6 Thiết kế liệu 21 3.6.1 Bảng liệu người dùng 21 3.6.2 Bảngthông tin nội dungtin nhắn 22 3.7 Giao diện chương trình 22 3.7.1 Giao diện 22 3.7.2 Giao diện đăng ký 23 3.7.3 Giao diện chat 24 KẾT LUẬN 25 TÀI LIỆU THAM KHẢO 26 CHƯƠNG 1: GIỚI THIỆU VỀ VUEJS 1.1 Giới thiệu Vuejs Vue (phiên âm /vjuː/, đọc giống từ view) framework Javascript tiên tiến xây dựng giao diện người dùng, không giống framework khác, Vue xây dựng từ dòng code nhằm tối ưu tốc độ Thư viện Vue tập trung vào lớp hiển thị, đơn giản để tiếp cận dễ dàng tích hợp vào hệ thống khác Vue có khả cung cấp ứng dụng web đơn trang Single Page Application (SPA) cho phép kết hợp với nhiều công cụ đại, Laravel chẳng hạn 1.2 Sự đời lịch sử phát triển Vue thai nghén phát triển Evan You tác giả làm kỹ sư cho ông lớn Google Khi sử dụng Angular cho số dự án khác Evan có ý tưởng trích phần mà thích Angular từ xây dựng thêm nhẹ nhàng Angular mà khơng cần phải ý đến khái niệm bổ sung rườm rà Đây xem tiền đề giúp cho Vuejs đã, có mặt phát triển mạnh mẽ thời điểm Vue phát hành đầu năm 2014 dự án tăng tải lên HackerNew, Echo Js ngày mắt Vue 2.0 release vào đầu năm 2016 để ganh đua với ReactJS Thực tế Vuejs chứng minh nhanh gọn so với ReactJs Angular 2.0 Ngoài ra, thời gian tiếp cận làm chủ Vue tương đối ngắn khơng q khó hiểu đọc xong tài liệu bạn thích sử dụng Vue làm framework js mặc định CHƯƠNG 2: PHẦN MỀM LẬP TRÌNH 2.1 Sơ lược Visual Studio Là trình biên tập lập trình code miễn phí dành cho Windows, Linux macOS, Visual Studio Code phát triển Microsoft Nó xem kết hợp hoàn hảo IDE Code Editor Visual Studio Code hỗ trợ chức debug, kèm với Git, có syntax highlighting, tự hồn thành mã thơng minh, snippets, cải tiến mã nguồn Nhờ tính tùy chỉnh, Visual Studio Code cho phép người dùng thay đổi theme, phím tắt, tùy chọn khác 2.1.1 Một số tính Visual Studio • Hỗ trợ nhiều ngơn ngữ lập trình Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, dễ dàng phát đưa thông báo chương chương trình có lỗi • Hỗ trợ đa tảng Các trình viết code thơng thường sử dụng cho Windows Linux Mac Systems Nhưng Visual Studio Code có thể hoạt động tốt ba tảng • Cung cấp kho tiện ích mở rộng Trong trường hợp lập trình viên muốn sử dụng ngơn ngữ lập trình khơng nằm số ngơn ngữ Visual Studio hỗ trợ, họ có thể tải xuống tiện ích mở rộng Điều khơng làm giảm hiệu phần mềm, phần mở rộng hoạt động chương trình độc lập • Kho lưu trữ an tồn Đi kèm với phát triển lập trình nhu cầu lưu trữ an toàn Với Visual Studio Code, người dùng có thể hồn tồn n tâm dễ dàng kết nối với Git kho lưu trữ có • Hỗ trợ web Visual Studio Code hỗ trợ nhiều ứng dụng web Ngoài ra, có trình soạn thảo thiết kế website • Lưu trữ liệu dạng phân cấp Phần lớn tệp lưu trữ đoạn mã đặt thư mục tương tự Ngoài ra, Visual Studio Code cung cấp thư mục cho số tệp đặc biệt quan trọng • Hỗ trợ viết Code Một số đoạn code có thể thay đổi chút để thuận tiện cho người dùng Visual Studio Code đề xuất cho lập trình viên tùy chọn thay có • Hỗ trợ thiết bị đầu cuối Visual Studio Code có tích hợp thiết bị đầu cuối, giúp người dùng khỏi phải chuyển đổi hai hình trở thư mục gốc thực thao tác • Màn hình đa nhiệm Người dùng Visual Studio Code có thể mở lúc nhiều tệp tin thư mục – chúng không liên quan với 2.1.2 Tại nên sử dụng Visual Studio Code Lý bạn nên sử dụng Visual Studio Code có nhiều ưu điểm vượt trội so với IDE khác: • Hỗ trợ đa tảng: Windows, Linux, Mac • Hỗ trợ đa ngôn ngữ: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, JSON • Ít dung lượng • Tính mạnh mẽ • Intellisense chuyên nghiệp • Giao diện thân thiện Và hết, Visual Studio Code phần mềm miễn phí, đơng đảo lập trình viên giới sử dụng 3.1.3 Ưu nhược điểm Firebase 3.1.3.1 Ưu điểm Xây dựng nhanh chóng mà khơng tốn thời gian, nhân lực để quản lý hệ thống sở hạ tầng phía sau: Firebase cung cấp cho người dùng chức phân tích, sở liệu, báo cáo hoạt động báo cáo cỗ lỗi để dễ dàng phát triển, định hướng ứng dụng vào người sử dụng nhằm đem lại trải nghiệm tốt cho họ Uy tín chất lượng đảm bảo từ Google: Firebase google hỗ trợ cung cấp tảng phần cứng với quy mơ rộng khắp giới, tập đồn lớn ứng dụng với triệu lượt sử dụng từ người dùng Quản lý cấu hình trải nghiệm ứng dụng Firebase tập trung giao diện website đơn giản, ứng dụng hoạt động độc lập liên kết liệu phân tích chặt chẽ 3.1.3.2 Nhược điểm Điểm Firebase phần Realtime Database, mà phần Database Cơ sở liệu Realtime Database tổ chức theo kiểu kiểu bảng nên quen với SQL có thể gặp khó khăn đôi chút bước đầu 3.2 Dịch vụ Firebase Firebase cung cấp cho người dùng công cụ Firebase Analytics nhóm sản phẩm tập trung vào đối tượng là: − Develop & test your app: phát triển kiểm thử ứng dụng thiết kế − Grow & engage your audience: Phân tích liệu tối ưu hóa trải nghiệm người dùng Hình 3.1.1: Các dịch vụ Firebase 3.2.1 Dịch vụ Firebase Analytics Là giải pháp miễn phí phân tích khơng giới hạn Quản lý hành vi người dùng cá biện pháp từ bảng điều khiển Phân thích thuộc tính hành vi người dùng bảng điều khiển đơn để đưa định sáng suốt lộ trình sản phẩm Nhận thông tin chi tiết thời gian thực từ báo cáo xuất liệu thô kiện người dùng tới Google BigQuery để phân tích tùy chỉnh 3.2.2 Các dịch vụ phát triển kiểm thử ứng dụng Realtime Database: Lưu trữ đồng liệu người dùng thời gian thực, ứng dụng hỗ trợ tính có thể lưu trữ dữ liệu máy chủ tích tắc Các liệu lưu trữ hệ thống sở liệu hỗ trợ NoSQL đặt tảng máy chủ Cloud, liệu ghi đọc với thời gian thấp tình mili giây Nền tảng hỗ trợ đồng hóa liệu người dùng kể khơng có kết nối mạng, tạo lên trải nghiệm xun suốt bất chấp tình trạng kết nối internet người sử dụng Reatime Database Firebase hỗ trợ: Android, ios, web, c++, unity, xamarin Crashlytics: Hệ thống theo dõi lưu trữ thông tin lỗi ứng dụng chạy máy người dùng Các thông tin lỗi thu thập toàn diện tức thời Cách trình bày hợp lý với chu trình hoạt động đến xảy lỗi, Các báo cáo trực quan giúp người phát triển có thể nắm bắt xử lý kịp thời lỗi ứng dụng Cloud Firestore: Lưu trữ đồng liệu người dùng thiết bị quy bơ tồn cầu sử dụng sở liệu noSQL lưu trữ hạ tầng cloud Cloud Firestore cung cấp tính đồng hóa trực tuyến ngoại tuyến với truy vấn liệu hiệu Tích hợp với sản phẩm Firebase khác cho phép xây dựng ứng dụng thực kết nối internet bị gián đoạn Authentication: Quản lý người dùng cách đơn giản an toàn Firebase Auth cung cấp nhiều phương pháp xác thực, bao gồm email mật khẩu, nhà cung cấp bên thứ ba Google hay Facebook, sử dụng trực tiếp hệ thống tài khoản người dùng Xây dựng giao diện riêng tận dụng lợi mã nguồn mở, giao diện người dùng tùy biến hoàn toàn Cloud Functions: Mở rộng ứng dụng mx phụ trợ tùy chỉnh mà không cần quản lý quy mô máy chủ riêng bạn Các chức có thể kích hoạt bơi kiện, phát sinh sản phẩm Firebase, dịch vụ Google Cloud bên thứ ba có sử dụng webhooks Cloud Storage: Lưu trữ chia sẻ nội dung người dùng tạo hình ảnh, âm video với bố nhớ đối tượng mạnh mẽ, đơn giản tiết kiệm chi phí xây dựng cho quy mơ Google Các Firebase SDK cho Cloud Storage thêm tính nắng bảo mật Google để tải lên tải tệp cho ứng dụng Firebase người dùng, bất kể chất lượng mạng Hosting: Đơn giản hóa lưu trữ web người dùng với công cụ thực cụ thể cho ứng dụng web đại Khi tải lên nội dung web, hệ thống tự động đẩy chúng đến CDN toàn cầu hệ thống cung cấp cho họ chứng SSL miễn phí để người dùng có trải nghiệm an tồn, đáng tin cậy, độ trễ thấp dù họ đâu Test Lab: chạy thử nghiệm tự động tùy chỉnh cho ứng dụng thiết bị ảo vật lý Google cung cấp Sử dụng Firebase Test Lab suốt vòng đời phát triển để khám phá lỗi sử dụng khơng qn để có thể cung cấp trải nghiệm tuyệt vời nhiều thiết bị Performance Monitoring: Chẩn đoán vấn đề hiệu suất ứng dụng xảy thiết bị người dùng Sử dụng dấu vết để theo dõi hiệu suất phần cụ thể ứng dụng xem chế độ xem tổng hợp bảng điều khiển Firebase Luôn cập nhật thời gian khời động ứng dụng theo dõi yêu cầu HTTP mà không cần viết mã 3.2.3 Các dịch vụ tăng trưởng thu hút người dùng Google Analytics: Phân tích thuộc tính hành vi người sử dụng bảng điều khiển đơn để đưa định sáng suốt lộ trình sản phẩm Nhận thơng tin chi tiết thời gian thực từ báo cáo xuất liệu kiện thơ tới Google BigQuery để phân tích tùy chỉnh Cloud Messaging: Gửi tin nhắn vả thông báo cho người dùng qua tảng Android, IOS web cách miễn phí Người dùng có thể gửi tin nhắn đến thiết bị, nhóm thiết bị chủ để phân đoạn người dụng cụ thể Nhắn tin đám mây Firebase (FCM) chí ứng dụng lớn nhất, cung cấp hàng trăm tỷ thư ngày Predictions: Firebase Predictions áp dụng deep learning máy học với liệu phân tích người dùng để tạo nhóm người dùng động dựa hành vi dự đốn Các nhóm người dùng có thể sử dụng để nhằm mục tiêu sản phẩm thơng báo, cấu hình từ xa nhiều Dynamic Links: Sử dụng liên kết động để cung cấp trải nghiệm người dùng tùy chỉnh cho iOS, Android web Người dùng có thể sử dụng chúng để hỗ trợ web di động kể thúc đẩy chuyển đổi ứng dụng gốc, người dùng chia sẻ người dùng, chiến dịch xã hộ tiếp thị Dynamic Links cung cấp cho người dùng thuộc tính người dùng cần để hiểu rõ tăng trưởng di động người dùng Đây dịch vụ thay Google Remote Config: Tùy chỉnh cách ứng dụng người dùng hiển thị cho người dùng Thay đổi giao diện, triển khai tính dần dần, chạy thử nghiệm A/B, cung cấp nội dung tùy chỉnh cho người dùng định thức cập nhật khác giám sát tác động thay đổi người dùng thực điều chỉnh vài phút Invites: Cho phép người dùng chia sẻ tất khía cạnh ứng dụng nhà sản xuất ứng dụng, từ mã giới thiệu đến nội dung yêu thích, qua email SMS Giải pháp out-of-the-box hoạt động Google Analytics for Firebase, để nhà sản xuất ứng dụng biết người dùng mở cài đặt ứng dụng qua lời mời App Indexing: Thu hút lại người dùng ứng dụng đẵ cài đặt họ với tích hợp Google tìm kiếm Nếu người dùng có ứng dụng nhà sản xuất ứng dụng họ tìm kiếm nội dung có liên quan, họ có thể khởi chạy trực tiếp từ kết Nếu người dùng chưa có ứng dụng nhà sản xuất, thẻ cài đặt xuất họ tìm kiếm ứng dụng tương tự AdMob: Kiếm tiền cách hiển thị quảng cáo hấp dẫn cho khán giả tồn cầu AdMob có tất ứng gi người dùng cần để thực chiến lược kiếm tiền lớp bậc để tối đa hóa doanh thu nhỏ người dùng tạo Nó có thể điều chỉnh cho ứng dụng chúng ta, API xây dựng để tích hợp định dạng quảng cáo phong phú cách dễ dàng AdWords: Có thơng tin níu kéo lại người dùng với khả Google Chúng ta có thể chạy quảng cáo Tìm Kiếm, hiển thị video nhắm mục tiêu phân khúc người dùng cụ thể mà xác định Google Analytics for Firebase Cải thiện nhằm mục tiêu quảng cáo tối ưu hóa hiệu suất chiến dịch Tóm lại: project tích hợp tính Cloud Messaging gửi tin nhắn thơng báo cho người dùng qua tảng Android, iOS Nên tìm hiểu cách tích hợp Firebase vào project 3.3 Một số kỹ thuật 3.3.1 Tạo dự án Firebase Điều cần làm đến https://firebase.google.com/ tạo tài khoản dung tài khoản Gmail google để truy cập vào giao diện điều khiển Sau truy cập vào giao diện điều khiển, người dùng có thể bắt đầu cách tạo dự án Đặt tên cho dự án tên với tên dự án android studio Sau nhấn vào Next để tiếp tục tạo dự án firebase Chọn tạo tài khoản Google Analytics, sau tiếp tục ấn tạo dự án, đợi dự án tạo hình bên 3.3.2 Quản lý người dùng Sẽ nguy hiểm để cho người nặc danh tham gia vào hệ thống chat Để ngăn chặn điều hệ thống yêu cầu người muốn tham gia hệ thống chat phải đăng ký tài khoản dùng tài khoản để đăng nhập vào hệ thống chat 3.3.2.1 Đăng ký đăng nhập Hình 3.3.2.1: Hình đăng kí đăng nhập Trước sử dụng chức hệ thống người dùng cần đăng kí chưa có tài khoản đăng nhập có tài khoản 3.3.2.2 Tải danh sách thành viên ứng dụng Để hỗ trợ người dùng dễ dàng tìm bạn chat, ứng dụng tải tất thành viên hệ thống thiết bị Để có thể hiển thị danh sách thành viên trước tiên cần tạo class User để lưu trữ liệu gồm có thuộc tính sau: Các thuộc tính class User gồm có: Hình 3.3.2.2: Thuộc tính User 3.3.3 Chat kênh riêng tư Để chat hai tài khoản với nhau, hiển thị nội dung tin nhắn, hiển thị thời gian thực ảnh đại diện gửi cần tạo classChat để lưu trữ liệu gồm có thuộc tính sau: Các thuộc tính class Chat gồm có: − text: nội dung tin nhắn − seen: xem − image: ảnh người dùng − sent: kiểm tra người gửi Ở tạo khởi tạo Constructor để đẩy liệu lên tạo Constructor rỗng để nhận liệu Bình thường sử dụng ArrayAdapter có sẵn, listview thị liệu đoạn text dịng, cịn dịng có text image view khơng dùng mà phải custom lại liệu có thể hiển thị được, tạo class AdapterChat Ở bên giao diện chat bắt kiện cho nút gửi tin nhắn Sau liệu đẩy lên Database ta hiển thị nội dung tin nhắn, ảnh người gửi thời gian thực nhận gửi tin nhắn hàm đây: Hình 3.3.3: Hàm hiển thị tin nhắn 3.4 Bài tốn Trao đổi thơng tin với hàng ngày nhu cầu tất yếu người Cuộc cách mạng công nghiệp 4.0 ngày thu hẹp khoảng cách người với ứng dụng mạng xã hội, chat trực tuyến Tuynhiên việc sử dụng dịch vụ để chat với thiết bị di động cịn có nhiều điểm bất tiện dung lượng cài ứng dụng đặt lớn, tiêu tốn nhiều nhớ ram xử lý gửi nhận tin nhắn chưa thực thi theo thời gian thực Firestore Database Google Firebase sở liệu thời gian thực có khả xử lý liệu đủ nhanh cho kết phản hồi gần tức thời Ứng dụng chat thời gian thực dựa Fire Database giúp người nhận thông tin quan trọng từ phía đối tác 3.5 Sơ đồ chức Phân tích thiết kế hướng đối tượng Hình 3.5.1: Phân tích thiết kế hướng đối tượng 3.6 Thiết kế liệu 3.6.1 Bảng liệu người dùng STT Tên trường Kiểu liệu Độ rộng Mô tả name String Tên người dùng email String Địa email search String Tìm kiếm phone String Số điện thoại image String đường dẫn hình ảnh cover String đường dẫn ảnh uid String Id người dùng Hình 3.6.1: Dữ liệu người dùng 3.6.2 Bảng thông tin nội dung tin nhắn STT Tên trường Kiểu liệu Độ rộng Mô tả message String nội dung tin nhắn receiver String Id người nhận sender String id người gửi timestamp String thời gian tin nhắn isSeen boolean xem/chưa xem redelete boolean xóa tin nhắn người gửi Hình 3.6.2: Thơng tin nội dung tin nhắn 3.7 Giao diện chương trình 3.7.1 Giao diện Khi ứng dụng khỏi động Giao diện hiển thị hình bên Hình 3.7.1: Giao diện chương trình 3.7.2 Giao diện danh sách người dùng Muốn hiển thị danh sách người dùng chạm vào biểu tượng bên để hiển thị tất danh sách người dùng, giúp hiển thị tất tài khoản để tìm kiếm lựa chọn người mà muốn chat Hình.3.7.2: Danh sách bạn bè 3.7.3 Giao diện chat Khi chạm vào người dùng danh sách người dùng mà muốn gửi tin nhắn chương trình chuyển đến giao diện chat Hình.3.7.6: Giao diện Chat Ở giao diện chat người dùng nhập nội dung vào ô tin nhắn sau chạm vào biểu tượng gửi tin nhắn nội dung tin nhắn gửi thành công KẾT LUẬN Sau thời gian tìm hiểu đề tài: "Xây dựng ứng dụng chat với Vuejs Firebase" em thực nôi dung đề tài theo yêu cầu đặt Với mục tiêu tìm hiểu hệ điều hành Android, tìm hiểu mơi trường lập trình Android Studio tìm hiểu kỹ thuật để xây dựng ứng dụng hoàn chỉnh thiết bị thật Thơng qua việc tìm hiểu nắm bắt lý thuyết hệ điều hành Android, bước đầu xây dựng thành cơng chương trình thực nghiệm với chức − Trong trình tìm hiểu lý thuyết Vuejs xây dựng ứng dụng em thu kết sau: − Hiểu lớp đối tượng, phương thức hỗ trợ lập trình hệ điều hành Android − Hiểu dịch vụ Firebase − Xây dựng ứng dụng với chức năng: Đăng ký, đăng nhập, hiển thị danh sách người dùng, hiển thị chỉnh sửa profile, chat kênh riêng tư Do thời gian có hạn với kiến thức thân cịn hạn chế nên em chưa tìm hiểu sâu kiến thức liên quan tới hệ điều hành Android nên chương trình em cịn nhiều hạn chế, em cố gắng phát triển thêm để chương trình thân thiện, dễ sử dụng có nhiều chức để có thể áp dụng vào đời sống TÀI LIỆU THAM KHẢO [1] https://vuejs.org/v2/guide/ [2] https://firebase.google.com/docs/database\ ... gửi thành công KẾT LUẬN Sau thời gian tìm hiểu đề tài: "Xây dựng ứng dụng chat với Vuejs Firebase" em thực nôi dung đề tài theo yêu cầu đặt Với mục tiêu tìm hiểu hệ điều hành Android, tìm... hiểu lý thuyết Vuejs xây dựng ứng dụng em thu kết sau: − Hiểu lớp đối tượng, phương thức hỗ trợ lập trình hệ điều hành Android − Hiểu dịch vụ Firebase − Xây dựng ứng dụng với chức năng: Đăng... từ Google: Firebase google hỗ trợ cung cấp tảng phần cứng với quy mô rộng khắp giới, tập đoàn lớn ứng dụng với triệu lượt sử dụng từ người dùng Quản lý cấu hình trải nghiệm ứng dụng Firebase tập