Flutter로 메신저앱 만들기
DEV MOO
Flutter의 Riverpod 상태 관리와 Firebase를 활용해서 메신저 앱을 제작합니다.
초급
Flutter, Firebase, riverpod
Tạo ứng dụng SNS với Flutter
Tạo ứng dụng SNS bằng cách sử dụng quản lý trạng thái Nhà cung cấp/StateNotifier của Flutter và Firebase.
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Quản lý trạng thái bằng Nhà cung cấp / StateNotifier
Đăng ký bằng Firebase Auth/Xác thực email/Đăng nhập/Đăng xuất
Dịch/Đợt hàng loạt trong Firestore
Tải lên/xem/xóa hình ảnh bằng Firestorage
Hoạt hình rung
Phân trang
Thoát ra
Thay đổi biểu tượng khởi chạy ứng dụng
Thay vì sử dụng các ứng dụng nhắc việc tương tự, hãy sử dụng một mạng xã hội thú vị!
Học Quản lý trạng thái Flutter bằng cách xây dựng
In★gram được làm bằng chính đôi tay của tôi
Flutter, xu hướng phát triển ứng dụng di động!
Chúng tôi tạo ra khóa học này để giúp bạn tìm hiểu nhiều tính năng thực tế. Hãy tìm hiểu các tính năng Flutter thiết yếu cần thiết để tạo một ứng dụng mạng xã hội giống Instagram!
Kiến thức cơ bản về Flutter + Quản lý trạng thái nhà cung cấp
Khi tạo một ứng dụng Instagram SNS tương tự, bạn sẽ tìm hiểu về quản lý trạng thái của Provider (StateNotifier) và tìm hiểu sơ lược về Flutter Animation .
Ứng dụng này được khuyến nghị cho những ai muốn tạo ứng dụng mạng xã hội, những người tò mò về cấu trúc và quản lý trạng thái, và những người muốn triển khai các chức năng phức tạp ngoài ứng dụng quản lý việc cần làm.
Tổng quan toàn diện về các dịch vụ chính của Firebase
Tìm hiểu về các dịch vụ chính của Firebase , bao gồm tích hợp Firebase, đăng ký thành viên và đăng nhập xác thực email bằng Xác thực Firebase, truy xuất/lưu/chỉnh sửa/xóa/phân trang dữ liệu Firestore và Giao dịch/Xử lý hàng loạt, cũng như cách lưu/xóa tệp hình ảnh trong Cloud Store.
Những gì bạn học được
Hãy xem thử nhé.
- ✅ Bạn có thể học được những kỹ năng và kiến thức có thể áp dụng vào thực tế .
- ✅ Bài giảng tiến triển bằng cách triển khai nhiều chức năng khác nhau dựa trên mô hình và khuôn khổ cơ bản, do đó, bạn sẽ dễ hiểu hơn khi bài giảng tiến triển.
1. Cài đặt môi trường dự án
- Tạo và kết nối dự án Flutter với dự án Firebase.
- Đăng ký dịch vụ Firebase và thiết lập các quy tắc.
2. Màn hình đăng ký thành viên
- Chọn ảnh đại diện từ thư viện ảnh trên điện thoại thông minh của bạn và hiển thị trên màn hình.
- Áp dụng logic xác thực cho từng trường bắt buộc.
- Lưu trữ dữ liệu trong Firebase Authentication, Firestore và Cloud Storage.
- Gửi email có liên kết xác minh đến địa chỉ email bạn đã nhập và in tin nhắn.
3. Màn hình đăng nhập
- Áp dụng logic xác thực cho từng trường nhập liệu bắt buộc.
- Chỉ thay đổi trạng thái xác thực đăng nhập cho những người dùng đã hoàn tất xác thực email.
4. Di chuyển màn hình theo trạng thái AuthStatus
- Thay đổi giá trị trạng thái của AuthStatus tùy thuộc vào trạng thái xác thực Firebase Authentication.
- Nếu trạng thái AuthStatus chưa được xác thực, bạn sẽ được đưa đến màn hình đăng nhập.
5. Màn hình chính
- Áp dụng hiệu ứng hoạt hình khi di chuyển giữa các trang bằng tiện ích TabBarVIew.
- Sử dụng tiện ích BottomNavigatorBar để điều hướng các trang bằng các nút ở phía dưới.
6. Màn hình đăng ký sau
- Chọn nhiều ảnh từ thư viện và xem chúng dưới dạng trình chiếu.
- Sau khi nhập nội dung bài đăng và xóa những bức ảnh không cần thiết, thông báo hoàn tất đăng ký sẽ hiển thị ngay khi màn hình di chuyển.
7. Màn hình danh sách bài đăng
- Hiển thị danh sách các bài đăng đã đăng ký trên màn hình.
- Xem nhiều ảnh bài đăng trong trình chiếu và phóng to/thu nhỏ.
- Vuốt xuống từ trên cùng để làm mới danh sách bài đăng.
8. Màn hình hồ sơ
- Chạm vào người dùng hiện đang đăng nhập hoặc ảnh đại diện của họ để hiển thị thông tin về người dùng cụ thể đó trên màn hình.
- Hiển thị số lượng bài đăng của người dùng, số người đang theo dõi, người theo dõi và danh sách bài đăng trên màn hình.
- Thực hiện các chức năng Theo dõi và Bỏ theo dõi.
9. Đăng màn hình
- Thêm tính năng thích vào bài đăng của bạn và hiển thị số lượt thích.
- Làm động tính năng tương tự.
10. Màn hình danh sách lượt thích
- Hiển thị danh sách các bài đăng được người dùng hiện đang đăng nhập thích.
11. Màn hình bình luận
- Tạo màn hình để đăng ký và in bình luận về bài đăng.
12. Chức năng xóa bài viết
- Xóa bài đăng do người dùng tạo.
- Dữ liệu liên quan đến các bài đăng đã xóa, chẳng hạn như tệp hình ảnh, nội dung bài đăng và bình luận, sẽ bị xóa khỏi dịch vụ Firebase.
13. Màn hình tìm kiếm người dùng
- Tìm kiếm người dùng theo tên.
- Đi tới màn hình hồ sơ từ kết quả tìm kiếm để hiển thị thông tin về một người dùng cụ thể.
- Áp dụng Debounce vào logic tìm kiếm người dùng của bạn.
14. Chức năng phân trang
- Áp dụng chức năng phân trang cho màn hình danh sách bài đăng, như màn hình danh sách và màn hình hồ sơ để truy xuất số lượng dữ liệu bài đăng đã chỉ định.
15. Thay đổi biểu tượng khởi chạy ứng dụng
- Thay đổi biểu tượng khởi chạy ứng dụng và màn hình chào mừng.
Người tạo ra khóa học này, DEV MOO
- (Hiện tại) Phát triển ứng dụng Web/Flutter tự do
- (Cựu) Giảng viên khóa học SMART CLOUD IT MASTER của Soft Engineer Society
- Tham gia phát triển mô-đun điều khiển TOSHIBA ETC (Nhật Bản)
- Tham gia phát triển nền tảng quản lý khách hàng của SMBC (Nhật Bản)
- (Cựu) Tham gia phát triển ứng dụng giao đồ ăn cao cấp
- Điều hành kênh YouTube
Hỏi & Đáp 💬
H. Xin vui lòng cho tôi biết phiên bản Flutter được sử dụng trong bài giảng.
Tôi đã sử dụng Flutter 3.13.7.
H. Tại sao bạn sử dụng Provider để quản lý trạng thái?
Flutter cung cấp một số gói quản lý trạng thái, bao gồm Riverpod, Bloc và GetX. Trong số đó, Provider được Google tích cực hỗ trợ và khuyến nghị, giúp bạn dễ dàng tìm thấy thông tin cần thiết thông qua các cộng đồng trực tuyến. Hơn nữa, tôi tin rằng việc chuyển đổi từ Provider sang các gói quản lý trạng thái khác, chẳng hạn như Riverpod, sẽ tương đối đơn giản.
H. Nội dung bài giảng không tương thích với iOS phải không?
Nội dung bài giảng hiện tại chỉ được xác minh cho Android. Phiên bản iOS dự kiến sẽ được cập nhật.
H. Tôi có cần kiến thức trước để tham gia khóa học không?
Cần có kiến thức cơ bản về Flutter và quản lý trạng thái nhà cung cấp. Nếu bạn đã từng tạo một ứng dụng hoặc sổ ghi chép việc cần làm đơn giản, bạn sẽ có thể làm theo.
H. Bạn có cung cấp mã nguồn không?
Chúng tôi cung cấp cho sinh viên mã nguồn thông qua Github.
📢 Thông tin cần lưu ý trước khi tham gia khóa học
- Môi trường phòng thí nghiệm yêu cầu Windows 10 và Android Studio .
- Bạn phải thiết lập môi trường phát triển Flutter . (Bài giảng này sử dụng phiên bản 3.13.7 .)
- Sinh viên sẽ được cung cấp mã nguồn cuối cùng và tài liệu thực hành (tệp hình ảnh, v.v.).
- Vui lòng xem lại kiến thức tiên quyết cần thiết cho khóa học này. Cần có kiến thức cơ bản về Flutter và quản lý trạng thái nhà cung cấp. Kinh nghiệm tạo ứng dụng việc cần làm hoặc sổ ghi chép đơn giản bằng Flutter là đủ cho khóa học này.
- Nội dung bài giảng được tối ưu hóa cho Android . (Hỗ trợ iOS sẽ được cập nhật trong tương lai.)
- Bắt đầu từ ngày 1 tháng 11 năm 2024, các dịch vụ Firebase sẽ được tính phí theo gói Blaze, tính phí dựa trên mức sử dụng. Bạn cần có thẻ tín dụng để sử dụng gói Blaze. Tuy nhiên, miễn là bạn không vượt quá hạn mức sử dụng miễn phí, bạn sẽ không bị tính phí. Chúng tôi tin rằng nội dung khóa học sẽ đủ dùng trong hạn mức miễn phí. Để biết thêm thông tin, vui lòng tham khảo chính sách giá của Firebase.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất kỳ ai muốn tạo ứng dụng SNS
Những người muốn chuyển sang cấp độ tiếp theo của ứng dụng Todo
Bất cứ ai muốn tìm hiểu quản lý nhà nước của nhà cung cấp
Những người muốn trải nghiệm các dịch vụ Firebase khác nhau
Cần biết trước khi bắt đầu?
Kỹ năng tạo một ứng dụng đơn giản với Flutter
Kiến thức cơ bản của Provider/StateNotifier
196
Học viên
15
Đánh giá
101
Trả lời
5.0
Xếp hạng
2
Các khóa học
안녕하세요
한국, 일본에서 웹 개발 및 안드로이드 앱 개발자로 활동했습니다.
프로그래밍 강사로도 활동하면서 지식을 전파하여 사람을 가르친다는 일에
책임감을 갖고 학생분들이 성장하는 모습에 보람을 느끼고 있습니다.
excusme@naver.com
Chương trình giảng dạy
Tất cả
73 bài giảng ∙ (13giờ 28phút)
Tài liệu khóa học:
Tài liệu bài giảng
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
9 đánh giá
5.0
9 đánh giá
koyk0408Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia플러터랑 파이어베이스 같이 하는 강의 찾다가 구매하게 되었어요. 프로바이더를 처음 접해서 처음에 좀 어려웠고, 프로바이더 기본만 좀 공부하고 마저 후다닥 들었습니다. n번 들으려고... 근데 프로바이더를 더 공부해야 완전히 이해가 될 것 같네요..ㅜㅜ 일단 음질이 명확하고 일정해서 좋아요. 글씨도 깔끔하게 잘 보입니다. 그리고 코드 작성하면서 왜 이렇게 하는지 이유를 말씀해주시는 게 좋았어요. 코드를 개선해나가는 방식도 좋았구요. 기본적인 CRUD 동작을 구현할 수 있어서 인스타 클론 강의지만 어떤 앱을 만들어도 활용할 수 있을 것 같아요. 전반적으로 깔끔하고 꼼꼼하며 명료한 강의였습니다!
- DEV MOOGiảng viên
감사합니다! 질문 있으시면 언제든지 남겨주세요.
- efforthye
Đánh giá 8
∙
Đánh giá trung bình 4.9
- hd.recssh
Đánh giá 1
∙
Đánh giá trung bình 5.0
- 투먼쓰
Đánh giá 2
∙
Đánh giá trung bình 5.0
1.402.898 ₫
Khóa học khác của devmoo
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[Python 초보] Flutter로 만드는 ChatGPT 음성번역앱강의 썸네일](https://cdn.inflearn.com/public/courses/333668/cover/94589a80-ab05-4bd1-ad98-1e42b75a47fc/333668.png?f=avif&w=420)
![[Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)
