Sencha Touch - Công trình
Nhu cầu ngày nay đối với một ứng dụng web là phát triển một ứng dụng nhanh với ít nỗ lực phát triển hơn. Sencha Touch giúp làm điều đó một cách dễ dàng vì nó cung cấp một số thư viện bản dựng để lựa chọn, dựa trên mã phát triển hoặc mã sản xuất cùng với cơ sở để tạo một bản dựng tùy chỉnh.
Các thư viện xây dựng Sencha Touch sẽ tải động các lớp. Tải động là viết tắt của các lớp được tải khi được yêu cầu và chỉ những lớp đó mới được đưa vào mà được yêu cầu trong ứng dụng. Điều này làm cho ứng dụng chạy nhanh hơn do số lượng tệp được tải giảm xuống, đồng thời giảm thời gian tải.
Sencha Touch 2.x cung cấp năm thư viện xây dựng sau.
| Sr.No. | Công trình & Cách sử dụng |
|---|---|
| 1 | sencha-touchdebug.js Bản dựng này được sử dụng trong khi phát triển ứng dụng cục bộ. Nó là một phiên bản không được thống nhất với tất cả các nhận xét và nhật ký gỡ lỗi để dễ dàng gỡ lỗi trong khi phát triển. |
| 2 | senchatouch.js Tập tin này được sử dụng cho mục đích sản xuất. Nó là phiên bản thu nhỏ khi chúng tôi có một bản dựng tùy chỉnh. |
| 3 | sencha-touchall.js Tập tin này được sử dụng cho mục đích sản xuất. Nó là phiên bản thu nhỏ khi chúng tôi không có bản dựng tùy chỉnh. |
| 4 | sencha-touchall-debug.js Tệp này được sử dụng để gỡ lỗi trong sản xuất. Nó không được rút gọn và có tất cả các nhận xét và nhật ký gỡ lỗi. |
| 5 | sencha-touchall-compat.js Bản dựng này được sử dụng để chuyển phiên bản 1.x sang phiên bản 2.x. Nó đưa ra cảnh báo khi mã phiên bản 1.x không tương thích và cần sửa đổi mã. |
Với các bản dựng được đề cập ở trên, Sencha Touch cung cấp một cơ sở để tạo các bản dựng tùy chỉnh.
Ưu điểm của việc có một bản dựng tùy chỉnh
Bản dựng tùy chỉnh không tải tất cả các tệp cảm ứng. Nó chỉ tải những tệp mà chúng ta đang sử dụng trong ứng dụng, điều này làm cho ứng dụng nhanh hơn và dễ bảo trì.
Sencha CMD được sử dụng để tạo một bản dựng tùy chỉnh. Để tạo một bản dựng tùy chỉnh trong Sencha CMD, hãy chuyển đến thư mục chứa tệp ứng dụng và nhập một trong các lệnh sau để tạo một bản dựng.
| Sr.No. | Lệnh & Cách sử dụng |
|---|---|
| 1 | sencha app build native Xây dựng ứng dụng và chuẩn bị một tệp có tên packager.temp.json mà bạn có thể sử dụng để đóng gói một ứng dụng - packager.temp.json giống như packager.json, nhưng chứa các đường dẫn bổ sung. |
| 2 | sencha app build -run native Xây dựng và tự động đóng gói ứng dụng, đồng thời khởi chạy trình mô phỏng thích hợp. |
| 3 | sencha app build package Tạo ứng dụng với hỗ trợ đóng gói, nhưng không định cấu hình tệp JSON của trình đóng gói. Điều này hữu ích cho các dự án duy trì nhiều tệp packager.json theo cách thủ công. |
Khi quá trình xây dựng thành công, nó sẽ tạo tệp all-class.js mà chúng tôi cần đưa vào index.html của mình để sẵn sàng sản xuất.
Đoạn mã sau cho thấy những thay đổi cần thực hiện đối với mã sẵn sàng sản xuất.
Index.html before building application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-debug.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
</head>
<body>
</body>
</html>Index.html after building the application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
<script type = "text/javascript" src = "app-classes.js"> </script>
</head>
<body>
</body>
</html>