Сегодня потребность в веб-приложении заключается в разработке быстрого приложения с меньшими затратами на разработку. Sencha Touch помогает в этом с легкостью, поскольку предоставляет на выбор несколько библиотек сборки, основанных на коде разработки или производства, а также средство для создания пользовательской сборки.
Библиотеки сборки Sencha Touch загружают классы динамически. Динамическая загрузка означает классы, которые загружаются при необходимости, и будут включены только те классы, которые требуются в приложении. Это заставляет приложение работать быстрее, так как количество загружаемых файлов уменьшается, одновременно сокращая время загрузки.
Sencha Touch 2.x предоставляет следующие пять библиотек сборки.
| Sr.No. | Строит и использует |
|---|---|
| 1 |
Сенча-touchdebug.js Эта сборка используется при локальной разработке приложения. Это неуменьшенная версия со всеми комментариями и журналами отладки для легкой отладки во время разработки. |
| 2 |
senchatouch.js Этот файл используется для производственных целей. Это уменьшенная версия, когда у нас есть пользовательская сборка. |
| 3 |
Сенча-touchall.js Этот файл используется для производственных целей. Это сокращенная версия, когда у нас нет собственной сборки. |
| 4 |
Сенча-touchall-debug.js Этот файл используется для отладки в производстве. Это не минимизировано и имеет все комментарии и журналы отладки. |
| 5 |
Сенча-touchall-compat.js Эта сборка используется для переноса версии 1.x в версию 2.x. Он выдает предупреждение там, где код версии 1.x несовместим и требует модификации кода. |
Сенча-touchdebug.js
Эта сборка используется при локальной разработке приложения. Это неуменьшенная версия со всеми комментариями и журналами отладки для легкой отладки во время разработки.
senchatouch.js
Этот файл используется для производственных целей. Это уменьшенная версия, когда у нас есть пользовательская сборка.
Сенча-touchall.js
Этот файл используется для производственных целей. Это сокращенная версия, когда у нас нет собственной сборки.
Сенча-touchall-debug.js
Этот файл используется для отладки в производстве. Это не минимизировано и имеет все комментарии и журналы отладки.
Сенча-touchall-compat.js
Эта сборка используется для переноса версии 1.x в версию 2.x. Он выдает предупреждение там, где код версии 1.x несовместим и требует модификации кода.
С вышеупомянутыми сборками Sencha Touch предоставляет возможность создавать пользовательские сборки.
Преимущества пользовательской сборки
Кастомная сборка не загружает все сенсорные файлы. Он загружает только те файлы, которые мы используем в приложении, что делает приложение быстрее и проще в обслуживании.
Sencha CMD используется для создания пользовательской сборки. Чтобы создать пользовательскую сборку в Sencha CMD, перейдите в каталог, где находится файл приложения, и введите одну из следующих команд для создания сборки.
| Sr.No. | Командование и использование |
|---|---|
| 1 |
Сенча приложение построить родной Создает приложение и подготавливает файл с именем packager.temp.json, который можно использовать для упаковки приложения — packager.temp.json такой же, как packager.json, но содержит дополнительные пути. |
| 2 |
Sencha app build -run нативный Создает и автоматически упаковывает приложение, а также запускает соответствующий симулятор. |
| 3 |
Пакет сборки приложения Sencha Создает приложение с поддержкой упаковки, но не настраивает файл JSON упаковщика. Это полезно для проектов, которые вручную поддерживают несколько файлов packager.json. |
Сенча приложение построить родной
Создает приложение и подготавливает файл с именем packager.temp.json, который можно использовать для упаковки приложения — packager.temp.json такой же, как packager.json, но содержит дополнительные пути.
Sencha app build -run нативный
Создает и автоматически упаковывает приложение, а также запускает соответствующий симулятор.
Пакет сборки приложения Sencha
Создает приложение с поддержкой упаковки, но не настраивает файл JSON упаковщика. Это полезно для проектов, которые вручную поддерживают несколько файлов packager.json.
Как только сборка будет успешной, она сгенерирует файл all-classes.js, который нам нужно включить в наш index.html, чтобы подготовить его к работе.
Следующий код показывает изменения, которые необходимо сделать для готового кода.
Index.html перед сборкой приложения
<!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 после сборки приложения