Roundup: Vue.js Mobile Hybrid App Framework - Cập nhật Q4 2017

Ứng dụng di động kết hợp và ứng dụng web tiến bộ ngày càng trở nên phổ biến hơn. Có một số dự án cung cấp tập hợp các Thành phần giao diện user và API được tạo sẵn để giúp tương tác với thiết bị di động của bạn sạch hơn và dễ truy cập hơn. Dưới đây là một số ứng dụng cho phép bạn viết ứng dụng web hoặc ứng dụng kết hợp của bạn với Vue.js 2.0 . Danh sách này được giới hạn cho các khuôn khổ cung cấp trải nghiệm toàn diện, hỗ trợ các cử chỉ chạm và swipe thông thường, v.v.

Cập nhật lần cuối vào ngày 4 tháng 12 năm 2017.

Hiện tại, tôi vẫn chưa đề cập đến NativeScript và Weex vì chúng chỉ ở chất lượng alpha hơi quá để sử dụng cho bất kỳ thứ gì nghiêm trọng, nhưng tôi hy vọng có thể sớm thêm chúng.

UI Onsen

Onsen UI là bộ giao diện user mạnh mẽ. Mục tiêu chính của nó là cung cấp các thành phần hoạt động root và trông hoàn hảo. Do đó, nó bao gồm các hoạt ảnh, cử chỉ và bố cục dành riêng cho nền tảng. Nó cung cấp cho cả iOS và Material Design Web Components với các ràng buộc cho nhiều khuôn khổ khác nhau, bao gồm Angular 1 , Angular 2+ , React và tất nhiên là Vue 2 . Nó thậm chí còn xử lý những điều kỳ quặc của iPhone X.

Onsen cũng cố gắng làm cho kích thước ứng dụng của bạn nhỏ nhất có thể, điều này có thể ảnh hưởng khá nhiều đến tốc độ khi xử lý thiết bị di động hoặc kết nối chậm.

So với Quasar (bên dưới), các thành phần của Onsen trông giống bản địa hơn một chút và ít lộn xộn hơn, nhưng hiện tại bộ sưu tập thành phần nhỏ hơn.

Onsen cũng cung cấp một tập hợp các hướng dẫn tương tác có thể giúp bạn hiểu và gỡ lỗi từng thành phần dễ dàng hơn nhiều. Giống như hầu hết các khuôn khổ được đánh giá trong bài viết này, Onsen yêu cầu sử dụng Cordova để thực sự đóng gói mã của bạn như một ứng dụng di động kết hợp. Tuy nhiên, công ty đứng sau Onsen cung cấp CLI và Monaca , một công cụ dựa trên web tùy chọn để đơn giản hóa quy trình này.

Chạy xuống

Tích cực phát triển: Có
Tình trạng phát triển: Ổn định
Mức độ phổ biến: ~ 5.700 sao
Giấy phép: Apache 2.0
Chất lượng tài liệu: Kỹ
Ngôn ngữ tài liệu: Tiếng Anh
Độ chính xác của thiết kế: Cao
Chủ đề: Material, iOS, Custom - Tự động phát hiện nền tảng
Phiên bản nền tảng mục tiêu: Android 4.4+, iOS 8+, các mục tiêu Cordova bổ sung
Trình gói API nền tảng: Không có / thông qua Cordova
Kho lưu trữ: https://github.com/OnsenUI/OnsenUI

Kết luận (TL; DR)

Onsen là một lựa chọn tuyệt vời, vì nó dường như có một cộng đồng tích cực, chu kỳ phát hành thường xuyên và một công ty đứng sau nó. Trong số các tùy chọn khác nhau trong bài viết này, Nếu bạn lo lắng về giao diện root , hỗ trợ lâu dài, độ tin cậy hoặc công cụ, Onsen UI có thể dành cho bạn. Tuy nhiên, bạn có thể phải hy sinh một vài thành phần, chẳng hạn như bộ chọn ngày.

Khung chuẩn tinh

Giống như Onsen , Quasar framework cũng cung cấp một công cụ CLI để tăng tốc độ cài đặt và phát triển ban đầu. Quasar là khuôn khổ duy nhất trong danh sách này cũng nhắm đến rõ ràng đến Electron , cung cấp các shell bọc cho cả nó và Cordova . Kết quả là nó đã giành được một vị trí trong Vòng tổng hợp Thành phần Máy tính để bàn của ta .

Quasar cung cấp tài liệu tuyệt vời bao gồm nhiều chủ đề mà bạn có thể gặp phải trong khi phát triển ứng dụng của bạn , cũng như nhiều thành phần và tài liệu tuyệt vời cho tất cả chúng.

Tuy nhiên, khu vực lớn nhất mà Quasar gặp phải là bộ chủ đề mặc định. Cả chủ đề Material hoặc iOS đều không… đúng. Có một chút cảm giác thung lũng kỳ lạ với chúng, vì vậy nếu bạn chọn Quasar, bạn có thể cần dành thời gian sửa đổi các chủ đề mặc định cho trường hợp sử dụng của riêng mình. (Có thể gửi các thay đổi trở lại kho Quasar?)

Chạy xuống

Tích cực phát triển: Có
Tình trạng phát triển: Ổn định
Mức độ phổ biến: ~ 4,200 sao
Giấy phép: MIT
Chất lượng tài liệu: Kỹ
Ngôn ngữ tài liệu: Tiếng Anh
Độ chính xác của thiết kế: Thấp
Chủ đề: Material, iOS, Custom
Các version nền tảng mục tiêu: Android ~ 4.1, iOS 7+, mọi mục tiêu Cordova, mọi mục tiêu Electron
Trình gói API nền tảng: Không có / thông qua Cordova hoặc Electron
Kho lưu trữ: https://github.com/quasarframework/quasar

Kết luận (TL; DR)

Quasar là duy nhất về số lượng nền tảng mục tiêu được hỗ trợ, đồng thời cung cấp tài liệu và hỗ trợ phong phú. Tuy nhiên, các chủ đề tích hợp không chính xác về mặt thông số kỹ thuật, vì vậy bạn có thể cần thực hiện một số thao tác trên chúng nếu định phát hành một ứng dụng cấp chuyên nghiệp.

Tuy nhiên, đối với các dự án sở thích, nơi những mối quan tâm này ít liên quan hơn, Quasar dường như là một lựa chọn tuyệt vời.

Khung 7

Framework 7 cực kỳ phổ biến. Nó đã ra đời từ khá lâu và đã được một số công ty nhỏ hơn sử dụng trong production .

Ban đầu chỉ được phát triển với iOS , Framework 7 cũng đã mở rộng sang Material Design . Các chủ đề cho cả hai nền tảng đều được thiết kế xuất sắc, kết hợp khá tốt với các điều khiển root . Mặc dù vậy, các hoạt ảnh và cử chỉ có vẻ hơi kỳ lạ và tôi không chắc tại sao. Như một phần thưởng bổ sung, Framework 7 được thiết kế để có thể mở rộng thông qua. các plugin, mặc dù phần lớn chúng dường như được thiết kế để sử dụng vani đơn thuần, không phải cho Vue.

Nó chứa một lượng lớn các thành phần và khá nhiều tài liệu đi kèm với chúng. Tuy nhiên, nó có vẻ như không hỗ trợ các chủ đề tùy chỉnh, ít nhất là không có sẵn. Bạn có thể phải tự làm điều đó với CSS overrides .

Chạy xuống

Tích cực phát triển: Có
Tình trạng phát triển: Ổn định
Mức độ phổ biến: ~ 11.300 sao
Giấy phép: MIT
Chất lượng tài liệu: Tốt
Ngôn ngữ tài liệu: Tiếng Anh, 中文 (Tiếng Trung)
Độ chính xác của thiết kế: Cao
Chủ đề: Material, iOS - Tự động phát hiện nền tảng
Các version nền tảng mục tiêu: Android ~ 4.1, iOS 7+, bất kỳ mục tiêu Cordova nào
Trình gói API nền tảng: Không có / thông qua Cordova
Kho lưu trữ: https://github.com/framework7io/Framework7

Kết luận (TL; DR)

Framework 7 là một khuôn khổ đã được chứng minh cung cấp mọi thứ bạn cần cho một ứng dụng web kết hợp.

Tuy nhiên, Framework 7 thích sử dụng các thư viện tích hợp của riêng nó hơn là cho phép bạn lựa chọn, thay vào đó chọn sử dụng các hệ thống định tuyến và quản lý DOM của riêng nó, đồng thời cung cấp rất ít lựa chọn theo chủ đề. Nếu điều đó tốt với bạn, hãy đi với nó.

Nếu có bất kỳ điều gì bạn cho là còn thiếu hoặc cần được bổ sung, hoặc muốn thông báo cho ta về lựa chọn khung giao diện user ứng dụng của bạn, ta rất mong nhận được phản hồi từ bạn .

h2 :: sau {background: none! important; }

Tags:

Các tin liên quan