Sencha Touch - Tổng quan

Sencha Touch là một khuôn khổ phổ biến của Sencha để tạo giao diện người dùng cho các ứng dụng di động. Nó giúp nhà phát triển tạo ứng dụng di động bằng HTML, CSS, JS đơn giản, hỗ trợ nhiều thiết bị di động như android, IOS, BlackBerry và Windows. Nó dựa trên kiến ​​trúc MVC. Phiên bản mới nhất của Sencha Touch là 2.4.

Lịch sử của Sencha Touch

Sau khi phát hành sản phẩm khác của Sencha, ExtJs, dành cho ứng dụng web, cần phải phát triển một khuôn khổ hoạt động trên các thiết bị di động.

Phiên bản đầu tiên của Sencha Touch là phiên bản 0.9 beta, hỗ trợ các thiết bị Android và IOS. Sau đó, bản phát hành chính đầu tiên của Sencha Touch phiên bản 1.0 là vào tháng 11 năm 2010, đây là phiên bản ổn định đầu tiên và cũng hỗ trợ các thiết bị Blackberry.

Phiên bản mới nhất của Sencha Touch là phiên bản 2.4 được phát hành vào tháng 6 năm 2015, hỗ trợ nhiều thiết bị như Windows, Tizen cùng với Android, IOS, BlackBerry OS 10, Google Chrome cho Android và Safari di động, v.v.

Các tính năng của Sencha Touch

Sau đây là những tính năng nổi bật nhất của Sencha Touch -

  • Có thể tùy chỉnh và hơn 50 tiện ích con xây dựng trong giao diện người dùng với bộ sưu tập giao diện người dùng phong phú như danh sách, băng chuyền, biểu mẫu, menu và thanh công cụ, được xây dựng đặc biệt cho nền tảng di động.

  • Khả năng tương thích mã của phiên bản mới với phiên bản cũ hơn.

  • Trình quản lý bố cục linh hoạt giúp tổ chức hiển thị dữ liệu và nội dung trên nhiều thiết bị di động với hệ điều hành khác nhau.

  • Khung bao gồm một gói dữ liệu mạnh mẽ có thể sử dụng dữ liệu từ bất kỳ nguồn dữ liệu phụ trợ nào.

  • Bố cục thích ứng, hoạt ảnh và cuộn mượt mà để có trải nghiệm ứng dụng web di động tốt hơn cho việc sử dụng.

  • Các chủ đề ngoại lai, có giao diện gốc cho mọi nền tảng chính cho phép làm cho các ứng dụng web và ứng dụng kết hợp phù hợp với giao diện của các nền tảng mục tiêu.

Sencha Touch ─ Lợi ích

Sencha Touch là tiêu chuẩn hàng đầu để phát triển ứng dụng web cấp doanh nghiệp. Nó cung cấp các công cụ cần thiết để xây dựng các ứng dụng mạnh mẽ cho hầu hết các thiết bị di động cung cấp một nền tảng duy nhất để phát triển các ứng dụng. Sau đây là một số lợi ích -

  • Cung cấp tính năng cảm ứng nhạy, do đó người dùng có thể dễ dàng điều hướng trong khi sử dụng ứng dụng dành cho thiết bị di động.

  • Cung cấp khả năng tương thích với tất cả các phiên bản mới nhất của IOS, Android và Blackberry cũng như Windows.

  • Cung cấp tốc độ nhanh nhất có thể mong muốn cho bất kỳ ứng dụng di động nào.

  • Cung cấp giải pháp hiệu quả về chi phí với khả năng tương thích đa nền tảng.

  • Dựa trên các API gốc và các ngôn ngữ phát triển web cơ bản như HTML, CSS, JS giúp nhà phát triển hiểu Sencha Touch dễ dàng hơn.

Sencha Touch ─ Hạn chế

Sencha Touch API không có khả năng sau:

  • Ứng dụng không có quyền truy cập vào máy ảnh, danh bạ và gia tốc kế của thiết bị.

  • Nó không cung cấp cơ sở thông báo đẩy. Đối với điều này, chúng tôi phải sử dụng websockets hoặc cuộc thăm dò dài.

  • Theo chính sách cấp phép công cộng chung, nó là miễn phí cho các ứng dụng nguồn mở tuy nhiên trả phí cho các ứng dụng thương mại.

  • Nó không tốt cho các ứng dụng đồ họa và hoạt hình nặng như ứng dụng chơi game.

Sencha Touch ─ Công cụ

Sencha SDK

Đây là bộ phát triển Sencha được sử dụng để tạo khung xương của dự án. Chúng tôi sử dụng lệnh "sencha -sdk path / to / touch create app appName" để tạo một ứng dụng với tên được cung cấp trong lệnh.

Khi ứng dụng được tạo, bạn có thể thấy các tệp sau trong ứng dụng:

  • app - Thư mục này chứa các tệp mô hình, chế độ xem, bộ điều khiển và lưu trữ cho ứng dụng.

  • app.js- Đây là tệp JS chính cho ứng dụng của bạn. Từ tệp này, luồng mã Sencha bắt đầu.

  • app.json - Đây là tệp cấu hình cho ứng dụng, tất cả các chi tiết cấu hình hiển thị ở đây.

  • index.html - Đây là tệp html chính mà chúng tôi bao gồm app.js và các tệp khác có liên quan đến Sencha.

  • package.json - Tệp này có tất cả phụ thuộc và thông tin khác liên quan đến ứng dụng.

  • resources - Thư mục này bao gồm tất cả các tệp CSS và hình ảnh cần thiết cho ứng dụng.

Sencha CMD

Sencha CMD là một công cụ dòng lệnh, cung cấp các tính năng thu nhỏ mã Sencha Touch, dàn giáo, tạo công trình và các tính năng hữu ích khác cho mục đích sản xuất.

Chúng tôi sử dụng lệnh "Gói xây dựng ứng dụng Sencha" trong dấu nhắc lệnh để xây dựng ứng dụng cho việc này. Đi tới thư mục ứng dụng trong dấu nhắc lệnh và nhập lệnh trên. Sau khi xây dựng thành công, chúng ta sẽ thấy phiên bản thu nhỏ của ứng dụng về cơ bản được sử dụng cho mục đích sản xuất.

Cái này có thể được tải xuống từ https://www.sencha.com/products/extjs/cmd-download/

Thanh tra Sencha

Sencha Inspector là một công cụ gỡ lỗi để gỡ lỗi bất kỳ vấn đề nào trong mã Sencha trong quá trình phát triển.