Flutter là gì?

Vì sao bạn cần học lập trình Flutter để phát triển ứng dụng đa nền tảng? Cùng tìm câu trả lời qua bài viết này nhé!

Trước tiên, Flutter là một framework giao diện người dùng mã nguồn mở miễn phí được tạo bởi Google và được phát hành vào tháng 5 năm 2017. Điều này cho phép bạn tạo một ứng dụng di động chỉ với một lần code, có nghĩa là bạn có thể sử dụng một ngôn ngữ lập trình và một mã nguồn để tạo hai ứng dụng khác nhau (IOS và Android).

“Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.” – Google, flutter.dev
Bạn có thể hiểu Flutter là bộ công cụ giao diện người dùng của Google để tạo các ứng dụng đẹp, được biên dịch native cho thiết bị di động, web và máy tính để bàn từ một mã nguồn duy nhất.

Không giống như các giải pháp phổ biến khác, Flutter không phải là một framework hoặc thư viện mà đó là một SDK hoàn chỉnh – bộ công cụ phát triển phần mềm đa nền tảng.

Vì thế, Flutter có hai thành phần quan trọng:

1. SDK – Software Development Kit (Bộ công cụ phát triển phần mềm): một tập hợp các công cụ sẽ giúp bạn phát triển các ứng dụng của mình, bao gồm các công cụ để biên dịch mã nguồn thành các mã máy native (mã sử dụng cho IOS và Android).

2. Framework – UI Library Based on Widgets (Thư viện giao diện người dùng dựa trên widgets): tập hợp các phần tử giao diện người dùng có thể tái sử dụng (Button, Text Inputs, Slider, ...) giúp bạn có thể cá nhân hóa ứng dụng bạn tạo theo nhu cầu cá nhân của mình.

Vì thế, bạn cần học ngôn ngữ lập trình có tên là Dart để phát triển được Flutter, Dart cũng là ngôn ngữ của Google được tạo vào tháng 10 năm 2011 và đã được cải thiện rất nhiều trong những năm qua, tập trung vào phát triển front-end, bạn có thể sử dụng nó để tạo các ứng dụng di động và web.

Trước khi nghiên cứu sâu hơn, bạn cần tìm hiểu quá trình phát triển Flutter như sau:

- Năm 2015, Google đã công bố Flutter, một SDK mới dựa trên ngôn ngữ Dart, làm nền tảng tiếp theo để phát triển Android.

- Năm 2017, phiên bản alpha của nó (0.0.6) đã được phát hành cho công chúng lần đầu tiên.

- Tại I/O 2017, Google đã trình diễn việc sử dụng Flutter và các khả năng đa nền tảng của nó, đồng thời tiếp tục quảng bá nó tại I/O 2018; từ đó, Google đã đầu tư vào Flutter và khuyến nghị đây là cách mà mọi người nên phát triển ứng dụng di động.

- 04/12/2018, Flutter 1.0 đã được phát hành tại sự kiện Flutter Live và có sẵn để các nhà phát triển có thể bắt đầu sử dụng SDK để tạo ứng dụng dễ dàng hơn, được đánh dấu là phiên bản “stable” đầu tiên.

- Tại Google I/O 2019, việc hỗ trợ Flutter cho desktop và web platforms đã được công bố công khai, các công cụ để phát triển ứng dụng Flutter cho Windows, macOS, Linux và web đã được phát hành cùng với sự ra đời của Flutter 1.12.

- 30/04/2021, 2.0.6 chính là phiên bản cập nhật mới của Flutter.

- Tháng 05/2022, 3.0 là phiên bản mới nhất được cập nhật của Flutter.

Các đặc điểm của Flutter

Sự ra đời của Flutter đã phần nào giảm bớt những khó khăn thường gặp trong mobile là Fast Development và Native Performance. Trong khi React Native chỉ đảm bảo được Fast Development và Code Native thuần chỉ đảm bảo được Native Performance thì Flutter làm được cả 2 điều trên.

1. Hot Reload – JIT (Just-in-time)

Công cụ Hot reload đã được đưa vào kiến trúc của Flutter và không yêu cầu bất kỳ plugin nào hoạt động, về cơ bản cho phép bạn xem các bản cập nhật trong thời gian thực. Bạn hãy tưởng tượng, lỗi khi chạy một chương trình, bạn phải dừng lại để xử lý và start lại chương trình, điều này thì khá đơn giản nhưng nếu là senior thì họ sẽ không muốn thế.

Hot reload nâng cao năng suất của lập trình viên, giúp họ tiết kiệm thời gian phát triển sản phẩm, kiểm thử mã nguồn (test) và tìm lỗi (debug) nhanh hơn đáng kể, và khi bạn đã quen thuộc với Hot Reload thì đó là trải nghiệm rất tuyệt vời luôn.

2. AOT – Ahead-of-time Compiler

Khi tiến hành biên dịch để đóng gói sản phẩm (archive), Dart sẽ sử dụng trình biên dịch AOT để có được file thực thi hiệu năng cao, đây là một đặc tính cho phép DART vừa có khả năng hot load trong lúc phát triển (development) vừa có tính chất như một ngôn ngữ static typed.

3. Expressive and Flexible UI

Một quan điểm trong quá trình làm việc các ứng dụng, đó là UI đẹp, và đây là lý do thúc đẩy Flutter ra đời, nếu như trước đây việc xây dựng các ứng dụng có UI đẹp, animation mượt mà rất phức tạp và gian nan với hầu hết các nhà phát triển ứng dụng di động thì nay đã có Flutter 

Trong Flutter, giao diện người dùng được xây dựng với các widget, các khối xây dựng UI nhỏ được lắp ráp bằng một kỹ thuật gọi là Composition. Bản thân Flutter cũng có sẵn rất nhiều Widget dựng sẵn, các developer có thể tận dụng dễ dàng hơn thay vì phải xây dựng chúng từ đầu.

Toàn bộ quá trình này tương tự như sử dụng các thành phần React. Có sẵn hai bộ UI: Material Design (tương thích với các nguyên tắc thiết kế của Google) dành cho Android và Cupertino (tương thích với Apple’s Human Interface Guidelines) dành cho iOS.

Công cụ sử dụng cho Flutter
Ứng dụng Flutter có thể được viết bằng bất kỳ trình soạn thảo mã nào, nhưng hai ứng dụng được ưu tiên là Android Studio và Visual Studio Code (VS Code). Cá nhân mình thì lựa chọn VS Code vì nó nhẹ và nhanh, nhiều plugin cho Flutter, cho phép bạn làm việc hiệu quả hơn trong quá trình phát triển Flutter.

Các lệnh tích hợp trong Flutter (command line tools) cũng cho phép bạn chạy các ứng dụng Flutter trên nhiều thiết bị cùng một lúc, đây là một tính năng cực kỳ tiện dụng, vì bạn có thể thấy ứng dụng của mình sẽ trông như thế nào và hoạt động như thế nào trên nền tảng iOS và Android, thậm chí cả nền tảng Web.

Flutter - Viết code một lần duy nhất

Flutter thực sự là một single-code base đa nền tảng. Điều này có nghĩa là bạn chỉ cần viết code một lần và nó sẽ hoạt động được trên iOS, Android và thậm chí cả web. Khác với những nền tảng trước đó, như React Native, code Web và Mobile App dù có chung các khái niệm nhưng cơ bản là bạn cần thay đổi source code để đảm bảo chúng hoạt động tốt. Với Flutter bạn không còn phải làm điều này nữa, thực sự là source code được tái sử dụng với cả Web và Mobile.

Một quan niệm sai lầm lớn về việc phát triển trong Flutter là bạn phải nhắm mục tiêu giao diện cho iOS và Android riêng biệt. Vì điều này đánh mất lợi thế mạnh nhất của Flutter, thay vào đó, bạn hãy thống nhất UI/UX trên cả 2 nền tảng iOS và Android, điều mà các nền tảng framework khác không thể làm được.

Một số ứng dụng được xây dựng từ Flutter
 

Hiện nay trên thị trường có rất nhiều ứng dụng được viết bằng Flutter, tuy nhiên, việc lựa chọn nền tảng nào còn tùy thuộc vào mỗi công ty và khả năng ứng dụng của nó trong thực tiễn. Dưới đây là một số ứng dụng được xây dựng bằng Flutter, gồm:
- Google Ads: Ứng dụng Google Ads giúp người dùng quản lý, tối ưu hóa và theo dõi tất cả các chiến dịch quảng cáo từ sự tiện lợi của thiết bị Android.

- Grab: Flutter đã giúp Grab xây dựng ứng dụng merchant cho hoạt động kinh doanh giao đồ ăn đang phát triển nhanh chóng của mình.

- BMW: Flutter cho phép BMW xây dựng ứng dụng My BMW cho iOS và Android từ một cơ sở mã duy nhất, ứng dụng được BMW phát triển hoàn toàn in-house bằng cách sử dụng Flutter.

- eBay: Ứng dụng eBay Motors là một công cụ quyền năng để duyệt, mua và bán xe trực tiếp từ điện thoại của người tiêu dùng.

- Baidu: Baidu Tieba là nền tảng truyền thông lớn nhất của Trung Quốc được tổ chức bởi công ty công cụ tìm kiếm Baidu của Trung Quốc.

Flutter cơ bản - Lập trình đa năng cho người thích Code
Nếu bạn muốn bắt đầu với Flutter thì đây là những lựa chọn dành cho bạn:

- Phát triển ứng dụng đa nền tảng: Tiết kiệm thời gian và công sức với việc viết một mã nguồn cho cả Android và iOS.
- Dễ dàng học: Flutter mang đến trải nghiệm hiện đại cho việc phát triển ứng dụng di động, giúp bạn dễ dàng hơn trong việc tạo ra sản phẩm.
- Lựa chọn hoàn hảo cho người mới bắt đầu: Flutter là sự lựa chọn tối ưu để nhanh chóng phát triển sản phẩm, tìm kiếm cơ hội phát triển trong lĩnh vực lập trình.
- Flutter còn được sử dụng rộng rãi bởi nhiều tên tuổi lớn trên thị trường: thông qua các tài liệu, video học trên YouTube, và codelabs thì Flutter đã minh chứng cho các việc ấy.

Hãy cùng bình luận về bài viết và nội dung Flutter này nhé.