Electron và Tauri là hai framework phổ biến để xây dựng ứng dụng máy tính bằng công nghệ web. Cả hai đều cho phép nhà phát triển sử dụng HTML, CSS, JavaScript và các framework frontend hiện đại để tạo ứng dụng cho macOS, Windows và Linux. Tuy nhiên, chúng có cách tiếp cận khác nhau về căn bản đối với cách các ứng dụng đó vận hành.
Electron đóng gói Chromium và Node.js cùng với mỗi ứng dụng, cung cấp một bộ máy trình duyệt và môi trường chạy nhất quán trên các hệ điều hành. Tauri có cách tiếp cận nhẹ hơn, sử dụng webview sẵn có của hệ điều hành cùng với backend dựa trên Rust. Sự khác biệt về kiến trúc này ảnh hưởng đến kích thước ứng dụng, mức sử dụng bộ nhớ, hiệu năng, bảo mật, khả năng tương thích và năng suất của nhà phát triển.
Tauri thường được giới thiệu là một lựa chọn thay thế hiện đại và nhẹ hơn Electron. Dù có những lợi thế thực sự, đặc biệt về kích thước ứng dụng và mức tiêu thụ tài nguyên, Electron vẫn là lựa chọn đáng cân nhắc cho nhiều loại phần mềm máy tính. Các ứng dụng lớn như Visual Studio Code, Slack, Discord, Notion và Figma đều sử dụng Electron. Tại WebCatalog, chúng tôi cũng chọn Electron làm nền tảng cho các ứng dụng máy tính đa nền tảng của mình.
Vậy bạn nên chọn framework nào? Hiểu rõ những đánh đổi sẽ hữu ích hơn là tuyên bố framework nào giành chiến thắng.
Tổng quan về Electron và Tauri
Trước khi tìm hiểu những khác biệt về kỹ thuật, hãy xem hai framework này so sánh với nhau như thế nào qua các đặc điểm quan trọng.
| Đặc điểm | Electron | Tauri |
|---|---|---|
| Bộ máy trình duyệt | Chromium được đóng gói kèm | Webview của hệ thống |
| Backend | Node.js | Rust |
| Kích thước ứng dụng | Thường lớn hơn | Thường nhỏ hơn |
| Mức sử dụng bộ nhớ cơ bản | Thường cao hơn | Thường thấp hơn |
| Tính nhất quán giữa các nền tảng | Cao | Thay đổi theo nền tảng |
| Hệ sinh thái JavaScript | Hỗ trợ Node.js rộng rãi | JavaScript cho frontend, API gốc thông qua plugin và lệnh |
| Mô hình bảo mật | Cơ chế sandbox của Chromium, cô lập ngữ cảnh, IPC | Backend Rust, cơ chế cấp quyền theo khả năng, IPC |
| Nền tảng máy tính | macOS, Windows, Linux | macOS, Windows, Linux |
| Hỗ trợ thiết bị di động | Không hỗ trợ chính thức | Android và iOS |
| Phù hợp nhất với | Ứng dụng máy tính phức tạp, phụ thuộc vào Chromium | Ứng dụng nhẹ và tiện ích tích hợp với chức năng gốc của hệ điều hành |
Những khác biệt này chủ yếu xuất phát từ một quyết định về kiến trúc: đóng gói kèm bộ máy trình duyệt hay dựa vào bộ máy do hệ điều hành cung cấp.
Kiến trúc: Chromium đóng gói kèm và webview của hệ thống
Khác biệt lớn nhất giữa Electron và Tauri là cách chúng kết xuất nội dung web. Electron bao gồm bộ máy Chromium riêng, nghĩa là các ứng dụng về cơ bản sử dụng cùng một công nghệ trình duyệt trên macOS, Windows và Linux. Nhà phát triển có thể dựa vào một phiên bản Chromium cụ thể và các API web mà phiên bản đó hỗ trợ, bất kể người dùng cài đặt hệ điều hành nào.
Ngược lại, Tauri sử dụng webview do từng hệ điều hành cung cấp. Điều này làm giảm đáng kể lượng phần mềm cần đóng gói cùng ứng dụng, nhưng cũng có nghĩa là cùng một ứng dụng có thể chạy trên các bộ máy trình duyệt khác nhau tùy nền tảng.
| Nền tảng | Electron | Tauri |
|---|---|---|
| macOS | Chromium | WKWebView (WebKit) |
| Windows | Chromium | WebView2 (Chromium) |
| Linux | Chromium | WebKitGTK |
| Android | Không hỗ trợ chính thức | Android WebView |
| iOS | Không hỗ trợ chính thức | WKWebView |
Đối với các ứng dụng có giao diện đơn giản, những khác biệt này có thể ít ảnh hưởng trong thực tế. Hầu hết các framework frontend hiện đại đều hoạt động tốt trên cả Chromium và WebKit. Tuy nhiên, những ứng dụng phụ thuộc vào các API trình duyệt cụ thể, hành vi kết xuất phức tạp hoặc khả năng web nâng cao có thể gặp vấn đề về tương thích.
Với Electron, nhà phát triển có thể kiểm thử trên một phiên bản Chromium xác định và phân phối chính phiên bản đó cho người dùng. Với Tauri, họ phải tính đến sự khác biệt giữa các bộ máy trình duyệt cũng như khả năng webview của hệ thống có nhiều phiên bản khác nhau. Điều này đặc biệt quan trọng khi gỡ lỗi những vấn đề chỉ xảy ra trên một số hệ điều hành hoặc bản phân phối Linux nhất định.
Không có cách tiếp cận nào vốn dĩ vượt trội hơn. Tauri giảm sự trùng lặp bằng cách tận dụng phần mềm đã được cài đặt trên máy tính, trong khi Electron chấp nhận kích thước ứng dụng lớn hơn để đổi lấy khả năng kiểm soát và tính nhất quán cao hơn.
Kích thước ứng dụng, mức sử dụng bộ nhớ và hiệu năng
Một trong những lợi thế rõ ràng nhất của Tauri là kích thước ứng dụng. Vì Electron đóng gói cả Chromium và Node.js, ngay cả các ứng dụng Electron tương đối đơn giản cũng có thể chiếm hàng trăm megabyte dung lượng ổ đĩa. Ứng dụng Tauri có thể nhỏ hơn đáng kể vì dựa vào webview của hệ thống thay vì đưa toàn bộ bộ máy trình duyệt vào gói ứng dụng.
Tauri cũng có thể có mức tiêu thụ bộ nhớ cơ bản thấp hơn, đặc biệt với các ứng dụng nhẹ có ít tác vụ xử lý nền. Backend Rust hoạt động hiệu quả, và Tauri không cần duy trì một môi trường chạy trình duyệt riêng được đóng gói kèm. Với các tiện ích nhỏ, công cụ ghi chú và ứng dụng có giao diện tương đối đơn giản, những lợi thế này có thể rất đáng kể.
Tuy nhiên, ứng dụng nhỏ hơn không nhất thiết chạy nhanh hơn. Cả Electron và Tauri rốt cuộc đều sử dụng bộ máy trình duyệt để kết xuất giao diện, và hiệu năng frontend vẫn phụ thuộc rất nhiều vào mã ứng dụng. Một thành phần React kém hiệu quả, một thao tác JavaScript tốn tài nguyên hoặc hiện tượng rò rỉ bộ nhớ vẫn sẽ là vấn đề bất kể sử dụng framework nào.
Cũng cần phân biệt rõ giữa kích thước ứng dụng và tổng mức tiêu thụ tài nguyên. Tauri không loại bỏ bộ máy trình duyệt; nó chỉ sử dụng bộ máy do hệ điều hành cung cấp. Trên Windows, điều này có nghĩa là dựa vào WebView2, vốn thường có sẵn trên các bản cài đặt Windows hiện đại. Trên macOS và Linux, điều đó có nghĩa là dựa vào các bản triển khai WebKit tương ứng.
Để so sánh hiệu năng một cách có ý nghĩa, nhà phát triển nên đo lường:
- Kích thước ứng dụng: Dung lượng tải xuống và dung lượng ổ đĩa sử dụng sau khi cài đặt.
- Thời gian khởi động: Ứng dụng mất bao lâu để sẵn sàng tương tác.
- Mức sử dụng bộ nhớ khi nhàn rỗi: Lượng bộ nhớ tiêu thụ khi ứng dụng đang mở nhưng không hoạt động.
- Mức sử dụng bộ nhớ và CPU khi hoạt động: Mức tiêu thụ tài nguyên với các khối lượng công việc thực tế.
- Khả năng phản hồi: Hiệu năng kết xuất và độ trễ khi người dùng tương tác.
Kết quả sẽ phụ thuộc vào từng ứng dụng. Tauri thường có lợi thế với các ứng dụng nhẹ, trong khi môi trường Chromium nhất quán của Electron có thể giúp việc kiểm thử và tối ưu hóa các ứng dụng phức tạp trên nhiều nền tảng dễ dàng hơn.
Trải nghiệm phát triển và bảo mật
Electron có lợi thế đáng kể đối với các nhóm đã có kinh nghiệm với JavaScript và TypeScript. Khả năng tích hợp Node.js mang lại quyền truy cập vào một hệ sinh thái thư viện trưởng thành cho các thao tác với hệ thống tệp, kết nối mạng, cơ sở dữ liệu, tiến trình nền và chức năng của hệ điều hành. Nhà phát triển có thể xây dựng các ứng dụng máy tính phức tạp mà không nhất thiết phải đưa thêm một ngôn ngữ lập trình khác vào bộ công nghệ của mình.
Tauri sử dụng Rust cho backend gốc, mang lại hiệu năng xuất sắc, tính an toàn bộ nhớ và các bảo đảm chặt chẽ tại thời điểm biên dịch. Nhà phát triển vẫn có thể xây dựng giao diện bằng React, Vue, Svelte hoặc các framework JavaScript khác, và Tauri cung cấp plugin cùng API JavaScript cho nhiều thao tác gốc phổ biến.
Tuy nhiên, để triển khai chức năng nằm ngoài những API đó, có thể cần viết mã Rust hoặc mã dành riêng cho từng nền tảng. Với các nhóm đã thành thạo Rust, đây có thể là lợi thế. Với các nhóm chủ yếu làm việc bằng TypeScript, điều này có thể làm tăng độ phức tạp.
Bảo mật là một lĩnh vực khác mà hai framework có cách tiếp cận khác nhau. Tauri cung cấp hệ thống phân quyền dựa trên khả năng, được thiết kế để giới hạn những thao tác gốc mà mã frontend có thể truy cập. Electron cung cấp cơ chế sandbox của Chromium, tính năng cô lập ngữ cảnh và các biện pháp kiểm soát để hạn chế quyền truy cập vào Node.js cùng các API đặc quyền khác.
Cả hai framework đều có thể hỗ trợ xây dựng ứng dụng an toàn khi được cấu hình đúng, và cả hai đều có thể khiến người dùng đối mặt với lỗ hổng bảo mật nếu nhà phát triển cấp quyền quá mức hoặc xử lý nội dung không đáng tin cậy một cách thiếu an toàn.
Một khác biệt quan trọng liên quan đến các bản cập nhật bảo mật. Nhà phát triển Electron chịu trách nhiệm cập nhật môi trường chạy Chromium được đóng gói kèm và phân phối phiên bản ứng dụng mới khi có bản vá bảo mật. Tauri thường dựa vào các bản cập nhật từ hệ điều hành hoặc nhà cung cấp webview để nhận bản vá bảo mật cho bộ máy trình duyệt. Điều này giảm bớt một phần trách nhiệm bảo trì cho nhà phát triển ứng dụng, dù tính sẵn có của các bản cập nhật phụ thuộc vào hệ điều hành của người dùng và webview đã cài đặt.
Cuối cùng, mức độ bảo mật phụ thuộc nhiều hơn vào cách ứng dụng được thiết kế và bảo trì chứ không phải framework mà nó sử dụng. Chọn Tauri không tự động khiến ứng dụng trở nên an toàn, cũng như chọn Electron không tự động khiến ứng dụng mất an toàn.
Vì sao các công ty lớn tiếp tục sử dụng Electron
Dù thường xuyên bị chỉ trích về kích thước ứng dụng và mức tiêu thụ tài nguyên, Electron vẫn là lựa chọn phổ biến cho các sản phẩm phần mềm lớn. Một số ứng dụng máy tính được sử dụng rộng rãi nhất được xây dựng bằng Electron, cho thấy kiến trúc của framework này có thể hỗ trợ phần mềm phức tạp phục vụ hàng triệu người.
Một số ví dụ:
| Công ty | Ứng dụng |
|---|---|
| Microsoft | Visual Studio Code |
| Salesforce | Slack |
| Discord | Discord |
| Notion | Notion |
| Figma | Figma |
| Signal | Signal Desktop |
| GitHub | GitHub Desktop |
| OpenAI | ChatGPT Desktop |
Những ứng dụng này phục vụ các mục đích rất khác nhau, từ phát triển phần mềm và giao tiếp đến thiết kế và nâng cao năng suất. Điểm chung của chúng là nhu cầu mang lại trải nghiệm máy tính tinh vi, đồng thời tận dụng các công nghệ web.
Electron cung cấp một hệ sinh thái trưởng thành, môi trường chạy Chromium nhất quán và khả năng kết hợp giao diện web với chức năng gốc của hệ điều hành. Việc được sử dụng rộng rãi cũng giúp nhà phát triển hưởng lợi từ nguồn tài liệu, thư viện mã nguồn mở, công cụ gỡ lỗi và giải pháp cho các vấn đề thường gặp được tích lũy qua nhiều năm.
Với các ứng dụng lớn, năng suất phát triển và khả năng bảo trì có thể quan trọng hơn việc giảm thiểu kích thước gói cài đặt. Thêm một trăm megabyte dung lượng ổ đĩa có thể là sự đánh đổi chấp nhận được nếu điều đó giúp giảm độ phức tạp của công việc kỹ thuật đa nền tảng và khiến ứng dụng dễ bảo trì hơn.
Điều này không có nghĩa Electron luôn là lựa chọn đúng, cũng không có nghĩa mọi công ty đều chọn nó vì những lý do giống nhau. Tuy nhiên, việc Electron tiếp tục được sử dụng trong các ứng dụng lớn đang vận hành thực tế cho thấy đây vẫn là lựa chọn thiết thực, có nền tảng vững chắc, chứ không phải một công nghệ lỗi thời mà nhà phát triển nên mặc nhiên thay thế.
Bạn có thể tìm hiểu thêm các ví dụ trong danh mục ứng dụng Electron chính thức.
Vì sao chúng tôi chọn Electron tại WebCatalog
Tại WebCatalog, chúng tôi sử dụng Electron để xây dựng các ứng dụng máy tính đa nền tảng và tin rằng đây vẫn là framework phù hợp với các yêu cầu cụ thể của mình.
WebCatalog cho phép người dùng biến các trang web thành ứng dụng máy tính, duy trì đăng nhập độc lập cho nhiều tài khoản và sắp xếp các ứng dụng của họ trên macOS, Windows và Linux. Khác với ứng dụng máy tính thông thường, nơi nhà phát triển kiểm soát frontend và có thể tối ưu hóa nó cho một môi trường cụ thể, chúng tôi cần hỗ trợ rất nhiều trang web không nằm trong quyền kiểm soát của mình.
Các trang web này có thể sử dụng những hệ thống xác thực, cơ chế lưu trữ, tính năng đa phương tiện, API trình duyệt và framework JavaScript khác nhau. Một trang web hoạt động đúng trong Chromium có thể hoạt động khác trong WebKit, và việc duy trì khả năng tương thích trên nhiều bộ máy trình duyệt sẽ tạo thêm thách thức về kỹ thuật.
Môi trường chạy Chromium nhất quán của Electron giúp chúng tôi tránh được phần lớn sự phức tạp này. Nó cho phép chúng tôi cung cấp một môi trường trình duyệt có hành vi dễ dự đoán trên các nền tảng máy tính được hỗ trợ, thay vì phụ thuộc vào các webview hệ thống khác nhau.
Electron còn cung cấp các API trưởng thành để quản lý phiên trình duyệt, cookie, dữ liệu lưu trữ, quyền và điều hướng. Khả năng phân vùng phiên của Electron đặc biệt có giá trị đối với WebCatalog vì cho phép người dùng duy trì nhiều phiên đăng nhập độc lập cho cùng một trang web.
Tauri cũng có thể hiển thị các trang web từ xa, và chức năng tương tự có thể được triển khai bằng API webview, plugin hoặc các tích hợp dành riêng cho từng nền tảng của Tauri. Điểm khác biệt là Electron cung cấp nền tảng nhất quán hơn cho những ứng dụng lấy chức năng trình duyệt làm trọng tâm, đặc biệt khi cần hỗ trợ các dịch vụ bất kỳ của bên thứ ba.
Khả năng hỗ trợ Linux càng củng cố lợi thế này. Các bản phân phối Linux khác nhau đáng kể về thư viện hệ thống sẵn có, môi trường desktop và phiên bản phần mềm. Môi trường chạy Chromium được đóng gói kèm của Electron loại bỏ một nguồn khác biệt lớn, trong khi ứng dụng Tauri phải tính đến môi trường WebKitGTK có sẵn trên từng bản phân phối được hỗ trợ.
Sự nhất quán đó đi kèm cái giá phải trả. Ứng dụng Electron có kích thước lớn hơn, và nhà phát triển phải quản lý mức tiêu thụ tài nguyên cẩn thận. Tại WebCatalog, chúng tôi liên tục tìm cách giảm phần tài nguyên phát sinh này. Chẳng hạn, chúng tôi đã áp dụng bản sao APFS để giảm dung lượng ổ đĩa mà các ứng dụng Mac được tạo ra sử dụng, cho thấy có thể khắc phục một số nhược điểm của Electron mà không cần từ bỏ framework này.
Quyết định của chúng tôi không dựa trên niềm tin rằng Electron tốt hơn Tauri trong mọi trường hợp. Nó dựa trên các yêu cầu của sản phẩm. Với WebCatalog, khả năng tương thích trình duyệt, hành vi nhất quán giữa các hệ điều hành và khả năng quản lý phiên trưởng thành có giá trị hơn việc giảm thiểu kích thước ứng dụng.
Những trường hợp Tauri có lợi thế
Dù ưu tiên Electron tại WebCatalog, chúng tôi nhận thấy có nhiều tình huống mà Tauri có thể là lựa chọn tốt hơn. Với các tiện ích máy tính nhẹ, gói ứng dụng nhỏ hơn và mức tiêu thụ tài nguyên cơ bản thấp hơn là những lợi thế hấp dẫn. Những ứng dụng chủ yếu hiển thị frontend riêng, có yêu cầu tương đối đơn giản về chức năng gốc và không phụ thuộc vào một bộ máy trình duyệt cụ thể có thể hưởng lợi đáng kể từ kiến trúc của Tauri.
Tauri cũng hấp dẫn với các nhà phát triển yêu thích Rust hoặc muốn dùng chung logic ứng dụng gốc giữa các nền tảng. Kể từ Tauri 2, framework này chính thức hỗ trợ Android và iOS bên cạnh các hệ điều hành máy tính. Ngược lại, Electron chủ yếu được thiết kế để phát triển ứng dụng máy tính và không chính thức hỗ trợ các nền tảng di động.
Một yếu tố khác cần cân nhắc là bảo trì. Môi trường chạy nhất quán của Electron đơn giản hóa việc kiểm thử khả năng tương thích, nhưng cũng đòi hỏi nhà phát triển ứng dụng phải bảo trì và cập nhật các phiên bản Chromium được đóng gói kèm. Tauri chuyển giao phần lớn trách nhiệm đó cho hệ điều hành, qua đó có thể giảm gánh nặng bảo trì cho một số ứng dụng. Tuy nhiên, nhà phát triển có thể cần đầu tư thêm công sức để kiểm thử các bản triển khai webview khác nhau và giải quyết các vấn đề riêng của từng nền tảng.
Tổng chi phí phát triển quan trọng hơn bất kỳ kết quả đo hiệu năng riêng lẻ nào. Một framework tiết kiệm bộ nhớ nhưng đòi hỏi nhiều công sức kỹ thuật hơn đáng kể có thể không phải lựa chọn hiệu quả nhất cho một nhóm cụ thể. Tương tự, việc đóng gói một môi trường chạy Chromium lớn cho một tiện ích đơn giản có thể là không cần thiết khi Tauri có thể hoàn thành cùng tác vụ với ít tài nguyên hơn.
Electron hay Tauri: Bạn nên chọn framework nào?
Cả hai framework đều có khả năng xây dựng ứng dụng máy tính để triển khai thực tế, nhưng được tối ưu hóa cho những ưu tiên khác nhau.
| Ưu tiên của bạn | Lựa chọn khởi đầu phù hợp hơn | Lý do |
|---|---|---|
| Dung lượng tải xuống và cài đặt nhỏ | Tauri | Sử dụng webview của hệ thống |
| Mức sử dụng tài nguyên cơ bản thấp | Tauri | Backend gốc nhẹ |
| Kết xuất nhất quán trên các nền tảng máy tính | Electron | Đóng gói kèm cùng một bộ máy Chromium |
| Tích hợp Node.js sâu rộng | Electron | Môi trường chạy Node.js tích hợp sẵn |
| Chức năng gốc dựa trên Rust | Tauri | Rust là ngôn ngữ backend chính |
| Hiển thị các trang web bất kỳ của bên thứ ba | Electron | Môi trường Chromium có hành vi dễ dự đoán |
| Quản lý phiên trình duyệt phức tạp | Electron | API quản lý phiên và phân vùng trưởng thành |
| Phát triển cho cả máy tính và thiết bị di động | Tauri | Chính thức hỗ trợ máy tính và thiết bị di động |
| Giảm thiểu việc kiểm thử khả năng tương thích giữa các trình duyệt | Electron | Một bộ máy nhất quán trên các nền tảng máy tính |
Đây là những khuyến nghị chung, không phải quy tắc tuyệt đối. Electron có thể được dùng để xây dựng ứng dụng hiệu quả, còn Tauri có thể làm nền tảng cho phần mềm phức tạp. Lựa chọn tốt hơn phụ thuộc vào yêu cầu của sản phẩm và chuyên môn sẵn có của nhóm.
Với các nhóm xây dựng ứng dụng máy tính phức tạp, hệ sinh thái vững chắc và những thành công thực tế của Electron xứng đáng được cân nhắc nghiêm túc. Việc Microsoft, Slack, Discord và các nhà phát triển phần mềm lớn khác sử dụng Electron cho thấy framework này có thể đáp ứng các yêu cầu khắt khe khi triển khai thực tế.
Trong khi đó, Tauri mang đến một lựa chọn thay thế hấp dẫn cho các dự án ưu tiên tệp nhị phân nhỏ hơn, mức tiêu thụ tài nguyên cơ bản thấp hơn, tích hợp Rust hoặc phát triển chung cho máy tính và thiết bị di động.
Lời kết
Cuộc tranh luận giữa Electron và Tauri thường bị rút gọn thành một phép so sánh đơn giản: Electron lớn, còn Tauri nhỏ. Nhưng sự khác biệt có ý nghĩa hơn nằm ở một bên là môi trường chạy nhất quán được đóng gói kèm, và bên kia là framework nhẹ tích hợp với các webview do hệ thống cung cấp.
Electron ưu tiên tính nhất quán giữa các nền tảng, khả năng tích hợp với hệ sinh thái JavaScript và quyền kiểm soát sâu rộng đối với chức năng trình duyệt. Tauri ưu tiên gói ứng dụng nhỏ hơn, khả năng thực thi mã gốc hiệu quả và sự tích hợp chặt chẽ hơn với webview của hệ điều hành.
Tại WebCatalog, chúng tôi đã chọn Electron, cũng như nhiều công ty phần mềm lớn đã chọn cho các ứng dụng máy tính của họ. Chúng tôi đánh giá cao hệ sinh thái trưởng thành, môi trường chạy Chromium nhất quán và chức năng trình duyệt phong phú của Electron. Những lợi thế này giúp chúng tôi xây dựng và bảo trì một sản phẩm hỗ trợ nhiều loại trang web trên nhiều hệ điều hành.
Điều đó không khiến Tauri trở thành lựa chọn tồi. Với các tiện ích nhẹ hoặc ứng dụng có yêu cầu khác, những lợi thế của Tauri có thể lớn hơn lợi thế của Electron.
Framework tốt nhất không nhất thiết là framework có tệp thực thi nhỏ nhất hay mức sử dụng bộ nhớ thấp nhất. Đó là framework giúp nhóm của bạn xây dựng, bảo trì và cải tiến ứng dụng một cách hiệu quả nhất.
