[Ứng dụng Block] Tạo ứng dụng thực tế (app review sách): đăng nhập SNS, ứng dụng Firebase, quản lý trạng thái Bloc, GoRouter

Không cần sao chép-dán nữa! Quản lý trạng thái với Flutter Bloc.
Tạo ứng dụng đánh giá sách bằng Naver Book API!

Bài giảng này thế nào?

• Chúng tôi đã tạo ra một chương trình cho phép bạn cùng nhau học tập và phát triển bằng cách đưa vào nhiều chức năng khác nhau có thể sử dụng trong thực tế .
• Thay vì chỉ nhập mã và làm theo , chúng tôi đã giải đáp những câu hỏi có thể phát sinh trong khi tạo ứng dụng bằng cách giải thích cấu trúc và quy trình.
• Khóa học này được tổ chức để bạn có thể tìm hiểu cách đăng ký và sử dụng Naver Open API cũng như các chức năng thực tế như hệ thống xác thực cơ sở dữ liệu và tải tệp lên bằng Firebase .

1. Cài đặt dự án

• Tạo một dự án và liên kết nó với Github
• Các phụ thuộc ban đầu của dự án Flutter
• Cài đặt khung dự án cơ bản
  • Mô tả cấu trúc thư mục
  • Mô tả luồng thực thi ứng dụng
  • Đặt tuyến đường mặc định

2. Liên kết bên ngoài

• Đăng ký sách API Naver Open API và sử dụng API bằng Post Man
• Tích hợp và cấu hình dự án Firebase
• Mô tả luồng dữ liệu Firebase và API mở Naver
• Thiết lập Naver Open API thông qua Dio

3. Trang chào mừng / Trang giới thiệu ứng dụng

• Hãy tạo một trang đơn giản luôn xuất hiện khi ứng dụng được khởi chạy và một trang giới thiệu ứng dụng khi lần đầu tiên khởi chạy.

4. Đăng nhập SNS và đăng ký thành viên

• Hãy thiết lập đăng nhập Firebase SNS cho Google và Apple.
• Tìm hiểu cách tự động định tuyến dựa trên trạng thái đăng nhập và đăng ký bằng GoRouter.
• Bạn có thể đăng ký bằng thông tin đơn giản, nhưng bạn cũng sẽ học cách nhập ảnh đại diện và tải tệp lên.

5. Tìm kiếm

• Nó nhận dữ liệu thông qua Naver Book API và tạo ra một màn hình.
• Hãy cùng xem xét Phân trang của Naver Open API và tìm hiểu cách xử lý phân trang.

6. Trang chi tiết sách và trang viết đánh giá

• Hãy tạo một trang chi tiết dựa trên Naver Book API.
• Hãy cấu hình màn hình khi có thông tin đánh giá và khi không có, sau đó áp dụng chức năng viết đánh giá.

7. Xem lại trang chi tiết

• Hãy tạo một trang nơi bạn có thể kiểm tra đánh giá của thành viên.
• Hãy áp dụng chức năng thích để nhận được sự đồng cảm của người khác.

8. Trang thành viên

• Hãy làm sao để bạn có thể xem những tác phẩm nào đã được đánh giá trên trang thành viên.
• Chúng tôi đang triển khai chức năng theo dõi/đang theo dõi thông qua chức năng yêu thích để bạn có thể tiếp tục kiểm tra thông tin của các thành viên có thông tin đánh giá mà bạn thích.

9. Màn hình chính

• Sắp xếp và tạo màn hình chính của bạn với thông tin người đánh giá mới nhất / 10 người đánh giá phổ biến nhất.
• Hãy tạo một tiện ích liệt kê theo chiều ngang bằng cách sử dụng PageView.

Tập thưởng - Phần 1

• Ngoài ra, chúng tôi sẽ tạo một trang nơi bạn có thể xem tin tức từ những người đánh giá mà bạn yêu thích.
• Màn hình chính chỉ cho phép bạn xem 10 bài đánh giá gần đây nhất, nhưng giờ đây bạn có thể xem thêm các bài đánh giá theo thứ tự mới nhất thông qua menu Thêm.

Tập thưởng - Phần 2

• Khi truy cập Trang của tôi từ Trang người đánh giá, giờ đây bạn có thể thay đổi biệt danh, phần giới thiệu một dòng và ảnh đại diện thông qua menu Cài đặt thay vì menu Yêu thích.
• Cải thiện khả năng truy cập vào các tài khoản khác thông qua nút đăng xuất.

H. Phiên bản Flutter mới nhất có tương thích không?

Vào thời điểm chuẩn bị, khóa học đang được phát triển bằng phiên bản Flutter mới nhất, 3.10.0. Miễn là không có thay đổi lớn nào về phiên bản, các vấn đề về khả năng tương thích sẽ ở mức tối thiểu.

H. Ngay cả người mới bắt đầu sử dụng Flutter cũng có thể hiểu được không?

Mặc dù bao gồm những kiến thức cơ bản về tạo dự án, tổ chức thư mục và bố cục màn hình, khóa học cũng đi sâu vào quản lý trạng thái và sử dụng API, vốn là những yếu tố cốt lõi của phát triển ứng dụng, nên có thể bạn sẽ cảm thấy hơi khó khăn. Tuy nhiên, ngay cả những người mới bắt đầu đã hoàn thành các video trong [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng] cũng có thể cải thiện kỹ năng của mình thông qua khóa học này. Tuy nhiên, người mới bắt đầu có thể sẽ không nắm vững nội dung chỉ bằng cách xem video, vì vậy chúng tôi khuyên bạn nên học lại các bài học.

H. Có lý do gì khiến bạn chọn Bloc để quản lý nhà nước không?

Quản lý trạng thái là điều thiết yếu trong phát triển ứng dụng. Có rất nhiều thư viện hỗ trợ quản lý trạng thái, và bạn có thể phát triển ứng dụng bằng bất kỳ thư viện nào trong số đó. Tuy nhiên, lý do tôi tạo khóa học này bằng Bloc là vì cộng đồng trong nước và quốc tế đều lựa chọn Bloc là công cụ quản lý trạng thái phù hợp nhất cho các dự án quy mô lớn. Tôi đã làm việc với cả Bloc và Getx trong các dự án, và tôi thấy Bloc có nhiều ưu điểm về mặt bảo trì. Vì vậy, tôi đã chọn Bloc cho khóa học này, và khóa học miễn phí [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng] cũng dựa trên Bloc. Tôi cũng chọn Bloc để giúp học viên học tập bằng cách cho phép họ áp dụng Bloc vào các tình huống thực tế.

H. Tôi có thể học khóa học này ngay cả khi tôi không biết nhiều về Bloc không?

Khóa học này là một dự án nhằm mục đích giúp bạn làm quen với Bloc. Do đó, tôi sẽ không giải thích thêm về Bloc. Tôi thực sự khuyên bạn nên tìm hiểu Bloc và xem khóa học, và tôi cũng khuyên bạn nên học từ khóa học miễn phí của tôi, [Khóa học Bloc Master: Từ Cơ bản đến Ứng dụng].

H. Câu chuyện bên lề là gì?

Mặc dù ban đầu tính năng "Phần thưởng" không được lên kế hoạch, chúng tôi đã quyết định thêm tính năng này vì chúng tôi tin rằng nó sẽ hữu ích cho học viên trong việc tìm hiểu các tính năng có trong phần "Phần thưởng" trong quá trình chuẩn bị khóa học. Nói cách khác, phần "Phần thưởng" sẽ là video của lớp học và sẽ được cập nhật trong tương lai. Khi tham gia khóa học này, bạn cũng sẽ được truy cập phiên bản cập nhật của khóa học mà không mất thêm chi phí.

H. Các nguồn được sử dụng có được cung cấp không?

Tài nguyên thiết kế và mã nguồn đầy đủ cũng được cung cấp để giúp bạn xây dựng ứng dụng. Mặc dù việc phân tích toàn bộ mã nguồn có thể hữu ích, nhưng việc xây dựng nó từ đầu có thể sẽ mang lại hiểu biết toàn diện hơn.